:root{
  --bg-deep:#160c2b;
  --bg-mid:#241640;
  --gold:#ffc861;
  --rose:#ff5d8f;
  --leaf:#6fe0a6;
  --ink:#f4ecff;
  --ink-dim:rgba(244,236,255,0.72);
  --ink-faint:rgba(244,236,255,0.5);
  --font-head: 'Baloo 2', 'Trebuchet MS', system-ui, sans-serif;
  --font-body: 'Manrope', 'Segoe UI', system-ui, sans-serif;
}
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0; padding:0;
  background: radial-gradient(circle at 50% 0%, var(--bg-mid), var(--bg-deep) 70%);
  background-attachment:fixed;
  color: var(--ink);
  font-family: var(--font-body);
  -webkit-font-smoothing:antialiased;
}
img,svg{ max-width:100%; display:block; }
a{ color:inherit; }
.container{ width:min(880px, 92vw); margin:0 auto; }
h1,h2,h3{ font-family: var(--font-head); font-weight:700; margin:0; }
.petalA{ fill:var(--gold); } .petalB{ fill:var(--rose); } .petalC{ fill:var(--gold); opacity:0.75; } .petalCenter{ fill:var(--leaf); }

/* ---------- simple top bar ---------- */
.topbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:20px max(20px, 4vw);
}
.brand{ display:flex; align-items:center; gap:10px; font-family:var(--font-head); font-weight:700; font-size:19px; text-decoration:none; }
.brand svg{ width:30px; height:30px; animation: spinSlow 16s linear infinite; }
@keyframes spinSlow{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
.back-link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13.5px; font-weight:700; letter-spacing:0.3px; text-decoration:none;
  color:var(--ink-dim); border:2px solid rgba(244,236,255,0.22); border-radius:999px;
  padding:8px 16px; transition:border-color 0.12s ease, color 0.12s ease;
}
.back-link:hover{ border-color:var(--gold); color:var(--gold); }
.topbar-right{ display:flex; align-items:center; gap:10px; }
.lang-select{
  font-family:inherit; font-size:12.5px; font-weight:700; color:var(--ink);
  background:rgba(244,236,255,0.08); border:1.5px solid rgba(244,236,255,0.28);
  border-radius:999px; padding:8px 30px 8px 14px; cursor:pointer;
  -webkit-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f4ecff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 10px center; background-size:12px;
}
.lang-select:hover{ border-color:var(--gold); }
.lang-select option{ color:#1a1030; background:#f4ecff; }

/* ---------- legal / contact content ---------- */
.legal-wrap{ padding:20px 0 90px; }
.legal-card{
  background: rgba(244,236,255,0.04);
  border:1px solid rgba(244,236,255,0.14);
  border-radius:26px 32px 24px 30px;
  padding:clamp(28px, 5vw, 56px);
}
.legal-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:11.5px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase;
  color: var(--gold);
  background: rgba(255,200,97,0.1);
  border:1px solid rgba(255,200,97,0.3);
  border-radius:999px; padding:6px 16px 6px 12px;
  margin-bottom:18px;
}
.legal-eyebrow .dot{ width:6px; height:6px; border-radius:50%; background:var(--rose); box-shadow:0 0 8px var(--rose); flex-shrink:0; }
.legal-card h1{ font-size:clamp(30px,4.5vw,44px); text-shadow:3px 3px 0 rgba(255,93,143,0.28); margin-bottom:10px; }
.legal-updated{ font-size:12.5px; color:var(--ink-faint); margin-bottom:34px; }
.legal-card h2{ font-family:var(--font-head); font-size:20px; margin:34px 0 12px; color:var(--gold); }
.legal-card h2:first-of-type{ margin-top:0; }
.legal-card p{ font-size:14.5px; line-height:1.75; color:var(--ink-dim); margin:0 0 14px; }
.legal-card ul{ margin:0 0 14px; padding-left:20px; }
.legal-card li{ font-size:14.5px; line-height:1.75; color:var(--ink-dim); margin-bottom:8px; }
.legal-card a.inline{ color:var(--gold); text-decoration:underline; }
.legal-card strong{ color:var(--ink); }

/* contact cards */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:8px; }
.contact-card{
  background:rgba(244,236,255,0.05); border:1px solid rgba(244,236,255,0.16);
  border-radius:18px 22px 16px 20px; padding:22px 20px;
  display:flex; flex-direction:column; gap:10px;
}
.contact-card .c-icon{
  width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--gold), var(--rose));
}
.contact-card .c-icon svg{ width:22px; height:22px; color:var(--bg-deep); }
.contact-card h3{ font-size:15.5px; }
.contact-card p{ font-size:13px; color:var(--ink-dim); line-height:1.6; margin:0; }
.contact-card a.c-link{ font-size:13.5px; font-weight:700; color:var(--gold); text-decoration:none; margin-top:2px; }
.contact-card a.c-link:hover{ text-decoration:underline; }
@media (max-width:640px){ .contact-grid{ grid-template-columns:1fr; } }

/* ---------- footer (shared) ---------- */
footer{ padding:56px 0 30px; border-top:1px solid rgba(244,236,255,0.1); margin-top:60px; }
.footer-grid{ display:grid; grid-template-columns:1.3fr 0.8fr 0.8fr 0.8fr; gap:32px; padding-bottom:34px; }
.footer-brand{ display:flex; align-items:center; gap:10px; font-family:var(--font-head); font-weight:700; font-size:18px; margin-bottom:12px; }
.footer-brand svg{ width:26px; height:26px; }
.footer-note{ font-size:12.5px; color:var(--ink-faint); line-height:1.65; max-width:320px; }
.footer-col h4{ font-size:11.5px; letter-spacing:1.2px; text-transform:uppercase; color:var(--gold); margin:0 0 14px; font-weight:700; }
.footer-col a{ display:block; font-size:13.5px; color:var(--ink-dim); text-decoration:none; margin-bottom:11px; transition:color 0.12s ease; }
.footer-col a:hover{ color:var(--gold); }
.footer-bottom{
  padding-top:22px; border-top:1px solid rgba(244,236,255,0.08);
  display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px;
  font-size:11.5px; color:var(--ink-faint);
}
@media (max-width:760px){
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .footer-note{ max-width:100%; }
}

/* ---------- RTL (Arabic) ---------- */
html[dir="rtl"] .legal-card, html[dir="rtl"] .contact-card{ text-align:right; }
html[dir="rtl"] .lang-select{ padding:8px 14px 8px 30px; background-position:left 10px center; }
html[dir="rtl"] .back-link svg{ transform:scaleX(-1); }