:root{
  --pink:#ff2e6e; --pink-dark:#e01f5c; --pink-soft:#ffe8ef;
  --ink:#0a0a0a; --muted:#6f6f76; --line:#e9e9ec; --bg:#ffffff; --soft:#f4f4f6; --gold:#e6a300;
  --r:1.25rem; --maxw:760px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Heebo',system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.65;
  padding-bottom:96px;
}
img{max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}

/* ---------- header ---------- */
.hdr{
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.hdr-in{max-width:var(--maxw);margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hdr img{height:30px;display:block}
.hdr .switch{font-size:13.5px;font-weight:600;color:var(--muted);background:var(--soft);border-radius:999px;padding:7px 14px;transition:.15s}
.hdr .switch:hover{background:var(--pink-soft);color:var(--pink-dark)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:44px 16px 26px;text-align:center}
.hero::before{
  content:"";position:absolute;inset:auto -20% -140% -20%;height:340px;
  background:radial-gradient(closest-side,var(--pink-soft),transparent 70%);
  z-index:-1;
}
.hero .kicker{display:inline-flex;align-items:center;gap:6px;background:var(--pink-soft);color:var(--pink-dark);font-weight:700;font-size:13px;border-radius:999px;padding:5px 14px;margin-bottom:14px}
.hero h1{font-size:clamp(26px,6vw,38px);font-weight:800;letter-spacing:-.5px}
.hero p{color:var(--muted);margin-top:8px;font-size:16px}
.search{max-width:520px;margin:22px auto 0;position:relative}
.search input{
  width:100%;height:52px;border:1.5px solid var(--line);border-radius:999px;
  padding:0 48px 0 20px;font-size:16px;font-family:inherit;background:#fff;outline:none;transition:.15s;
}
.search input:focus{border-color:var(--pink);box-shadow:0 0 0 4px var(--pink-soft)}
.search svg{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--muted)}

/* ---------- chips ---------- */
.chips{
  position:sticky;top:51px;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.chips-in{max-width:var(--maxw);margin:0 auto;display:flex;gap:8px;overflow-x:auto;padding:10px 16px;scrollbar-width:none}
.chips-in::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;font-size:13.5px;font-weight:600;background:var(--soft);border-radius:999px;padding:7px 14px;color:var(--ink);transition:.15s;border:none}
.chip:hover{background:var(--pink-soft);color:var(--pink-dark)}

/* ---------- sections & accordion ---------- */
main{max-width:var(--maxw);margin:0 auto;padding:8px 16px 40px}
.sec{padding-top:30px}
.sec h2{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px;margin-bottom:14px}
.sec h2 .dot{width:10px;height:10px;border-radius:99px;background:var(--pink);flex:0 0 auto}
.qa{
  border:1px solid var(--line);border-radius:var(--r);background:#fff;margin-bottom:10px;
  transition:border-color .15s, box-shadow .15s;overflow:hidden;
}
.qa[open]{border-color:#d9d9de;box-shadow:0 6px 24px rgba(10,10,10,.05)}
.qa summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 18px;font-weight:700;font-size:15.5px;cursor:pointer;user-select:none;
}
.qa summary::-webkit-details-marker{display:none}
.qa summary .pm{
  flex:0 0 auto;width:26px;height:26px;border-radius:99px;background:var(--soft);
  display:grid;place-items:center;transition:.2s;color:var(--ink);
}
.qa[open] summary .pm{background:var(--pink);color:#fff;transform:rotate(45deg)}
.qa .a{padding:0 18px 18px;color:#333;font-size:15px}
.qa .a p+p{margin-top:8px}
.qa .a .tip{
  margin-top:10px;background:var(--pink-soft);color:var(--pink-dark);
  border-radius:12px;padding:9px 13px;font-size:13.5px;font-weight:600;
}
.qa mark{background:#fff3b8;border-radius:3px;padding:0 2px}

.nores{display:none;text-align:center;padding:48px 16px;color:var(--muted)}
.nores.show{display:block}
.nores strong{display:block;color:var(--ink);font-size:17px;margin-bottom:6px}

/* ---------- CTA / ticket ---------- */
.cta-card{
  margin-top:38px;background:var(--ink);color:#fff;border-radius:calc(var(--r) + 6px);
  padding:28px 24px;text-align:center;
}
.cta-card h3{font-size:20px;font-weight:800}
.cta-card p{color:#c9c9cf;font-size:14.5px;margin-top:6px}
.btn-pink{
  display:inline-flex;align-items:center;gap:8px;background:var(--pink);color:#fff;border:none;
  font-weight:700;font-size:15.5px;border-radius:999px;padding:13px 26px;margin-top:16px;transition:.15s;
}
.btn-pink:hover{background:var(--pink-dark)}
.stickybar{
  position:fixed;bottom:0;right:0;left:0;z-index:45;padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-top:1px solid var(--line);
}
.stickybar-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.stickybar span{font-size:13.5px;font-weight:600;color:var(--muted)}
.stickybar .btn-pink{margin-top:0;padding:10px 20px;font-size:14px}

/* ---------- dialog ---------- */
dialog.tkt{
  border:none;border-radius:calc(var(--r) + 4px);padding:0;width:min(420px,calc(100vw - 32px));
  box-shadow:0 30px 80px rgba(10,10,10,.25);
}
dialog.tkt::backdrop{background:rgba(10,10,10,.45);backdrop-filter:blur(3px)}
.tkt-in{padding:24px 22px;direction:rtl;font-family:'Heebo',sans-serif}
.tkt-in h3{font-size:19px;font-weight:800}
.tkt-in .sub{color:var(--muted);font-size:13.5px;margin-top:4px}
.tkt-in label{display:block;font-size:13px;font-weight:700;margin:16px 0 6px}
.tkt-in select,.tkt-in textarea,.tkt-in input{
  width:100%;border:1.5px solid var(--line);border-radius:14px;padding:11px 14px;
  font-size:15px;font-family:inherit;background:#fff;outline:none;transition:.15s;
}
.tkt-in select:focus,.tkt-in textarea:focus,.tkt-in input:focus{border-color:var(--pink);box-shadow:0 0 0 4px var(--pink-soft)}
.tkt-in textarea{min-height:88px;resize:vertical}
.tkt-actions{display:flex;gap:10px;margin-top:20px}
.tkt-actions .btn-pink{flex:1;justify-content:center;margin:0;padding:12px}
.tkt-actions .ghost{background:var(--soft);color:var(--ink);border:none;border-radius:999px;font-weight:700;font-size:14.5px;padding:12px 18px}
.tkt-done{display:none;text-align:center;padding:6px 0 2px}
.tkt-done .num{
  font-size:24px;font-weight:800;letter-spacing:1px;background:var(--soft);
  border-radius:14px;padding:10px 18px;display:inline-block;margin:12px 0;direction:ltr;
}
.tkt-done .ok{width:52px;height:52px;border-radius:99px;background:#e8f8ee;color:#1c9c53;display:grid;place-items:center;margin:0 auto}
.tkt-last{margin-top:14px;font-size:12.5px;color:var(--muted);text-align:center}

/* ---------- index cards ---------- */
.pick{max-width:var(--maxw);margin:0 auto;padding:10px 16px 40px;display:grid;gap:14px}
@media(min-width:640px){.pick{grid-template-columns:1fr 1fr}}
.pick a.card{
  border:1.5px solid var(--line);border-radius:calc(var(--r) + 6px);padding:26px 22px;
  display:block;transition:.18s;background:#fff;
}
.pick a.card:hover{border-color:var(--pink);box-shadow:0 14px 40px rgba(255,46,110,.10);transform:translateY(-2px)}
.pick .emoji{width:52px;height:52px;border-radius:16px;background:var(--pink-soft);display:grid;place-items:center;font-size:26px;margin-bottom:14px}
.pick h2{font-size:20px;font-weight:800}
.pick p{color:var(--muted);font-size:14.5px;margin-top:6px}
.pick .go{display:inline-flex;align-items:center;gap:6px;color:var(--pink-dark);font-weight:700;font-size:14.5px;margin-top:14px}
.foot{max-width:var(--maxw);margin:0 auto;padding:0 16px 30px;text-align:center;color:var(--muted);font-size:13px}

/* ---------- legal docs ---------- */
.doc{max-width:var(--maxw);margin:0 auto;padding:10px 16px 60px}
.doc .upd{color:var(--muted);font-size:13px;margin-bottom:26px}
.doc h2{font-size:19px;font-weight:800;margin:34px 0 10px;padding-top:10px;border-top:1px solid var(--line)}
.doc h3{font-size:15.5px;font-weight:700;margin:18px 0 6px}
.doc p,.doc li{font-size:14.5px;color:#2c2c31;margin-bottom:8px}
.doc ol{padding-right:20px;margin-bottom:10px}
.doc ol ol{margin-top:6px}
.doc .box{background:var(--soft);border-radius:14px;padding:14px 16px;margin:14px 0;font-size:13.5px;color:#444}
.doc a{color:var(--pink-dark);text-decoration:underline}