html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}
.center-message {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  text-align: center;
  z-index: 3;
  pointer-events: none;
  font-family: "Noto Sans Arabic",Tahoma, Arial, "Segoe UI", sans-serif;
}

.center-message h1 {
  margin: 0 0 10px;
  color: #f7cde9;
  font-size: clamp(26px, 3.7vw, 58px);
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: 0 0 10px rgba(216, 159, 201, 0.18);

  opacity: 0;
  visibility: hidden;
}

.center-message p {
  margin: 0;
  color: rgba(255, 235, 246, 0.85);
  font-size: clamp(14px, 1.6vw, 22px);
  line-height: 1.5;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
}

body {
  background:
    linear-gradient(
      90deg,
      rgba(33, 21, 42, 0.42) 0%,
      rgba(13, 22, 29, 0.15) 22%,
      rgba(13, 22, 29, 0) 50%,
      rgba(13, 22, 29, 0.15) 78%,
      rgba(33, 21, 42, 0.42) 100%
    ),
    linear-gradient(
      135deg,
      #0d161d 0%,
      #131b21 50%,
      #211522 100%
    );
  position: relative;
  overflow: hidden;
  font-family: Arial, sans-serif;
}

/* Smooth soft shading, no circle shapes */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(100, 193, 187, 0.05) 0%,
      transparent 30%,
      transparent 65%,
      rgba(216, 159, 201, 0.06) 100%
    );
  pointer-events: none;
  z-index: 0;
}

.container {
  width: 50%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

svg#flower-frame {
  height: 90vh;
  width: 100%;
  filter: drop-shadow(0 0 8px rgba(216, 159, 201, 0.12));
}

.footer {
  text-align: center;
  position: absolute;
  bottom: 10px;
  width: 100%;
  font-family: Arial, sans-serif;
  color: #d89fc9;
  font-size: 14px;
  opacity: 0.8;
  z-index: 2;
}

.footer p {
  margin: 0;
}

#Footer_group_1_,
[id^=PinkFlowerGroup],
[id^=BaseGroup] path,
[id^=LeafGroup] path,
path[id^=Stroke],
g[id^=BudGroup] g[id^=BudGroup] g[id^=Bud],
#Bud8_1_,
#Bud10_1_,
#Bud23_1_,
#Bud26_1_,
[id^=Dots],
[id^=Flourish] {
  visibility: hidden;
}