/* Gamwall public pages — landing, sign in / sign up, reset. Uses the tokens + .btn/.input from gw.css. */
html{scroll-behavior:smooth;scroll-padding-top:90px}
body.site{background:var(--bg);overflow-x:hidden}
.s-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.s-grad{background:linear-gradient(100deg,#f59e0b 10%,#f97316 55%,#ea580c);-webkit-background-clip:text;background-clip:text;color:transparent}
.s-grad-num{background:linear-gradient(100deg,#f59e0b,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-lg{height:50px;padding:0 24px;font-size:15px;border-radius:14px}
.eyebrow{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(var(--acc-rgb),.3);color:var(--accent-hi);font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.s-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);opacity:.7}
.s-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:17px;flex-shrink:0;background:var(--accent-soft);color:var(--accent-hi)}
.s-ic.green{background:var(--green-soft);color:var(--green)} .s-ic.violet{background:var(--violet-soft);color:var(--violet)}
.s-ic.amber{background:var(--amber-soft);color:var(--amber)} .s-ic.blue{background:var(--blue-soft);color:var(--blue)}
.input.is-bad{border-color:var(--red)!important;box-shadow:0 0 0 4px var(--red-soft)!important}
.spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}

/* reveal on scroll (only when JS is on) */
.js-rise [data-rise]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.js-rise [data-rise].in{opacity:1;transform:none}

/* ---------- nav ---------- */
.s-nav-wrap{position:sticky;top:0;z-index:60;padding:12px 16px;transition:background .2s}
.s-nav{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:16px;height:60px;padding:0 10px 0 16px;border-radius:18px;border:1px solid transparent;transition:all .2s}
.s-nav-wrap.scrolled .s-nav{background:var(--glass);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-color:var(--line);box-shadow:0 10px 30px -14px rgba(var(--sh-rgb),.2)}
.s-logo img{height:34px;width:auto;display:block}
.s-links{display:flex;align-items:center;gap:4px;margin:0 auto}
.s-links>a{padding:8px 13px;border-radius:10px;color:var(--ink2);font-weight:700;font-size:14px}
.s-links>a:hover{background:var(--hover);color:var(--ink)}
.s-links-auth{display:none}
.s-actions{display:flex;align-items:center;gap:8px}
.s-burger{display:none}
@media (max-width:900px){
  .s-burger{display:grid}
  .s-hide-sm{display:none}
  .s-nav{position:relative;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
  .s-actions{margin-left:auto}
  .s-links{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);flex-direction:column;align-items:stretch;padding:10px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:0 24px 50px -16px rgba(var(--sh-rgb),.3)}
  body.nav-open .s-links{display:flex}
  .s-links>a{padding:12px 14px}
  .s-links-auth{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}
}

/* ---------- shared sections ---------- */
.s-links>a.on{color:var(--accent-hi);background:var(--accent-soft)}
.s-sec{padding:96px 0}
.s-head{text-align:center;max-width:720px;margin:0 auto 48px}
.s-head h2,.h-head-row h2,.h-pay-card h2,.c-adv h2{font-size:clamp(32px,4.4vw,52px);font-weight:900;letter-spacing:-.035em;line-height:1.08;margin:16px 0 0}
.s-head p{color:var(--muted);font-size:16.5px;margin:14px 0 0}
.s-checks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.s-checks li{display:flex;gap:10px;align-items:center;font-weight:700}
.s-checks i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:11px;flex-shrink:0}
.btn-onDark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.btn-onDark:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.h-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:hpulse 2s infinite;display:inline-block}
@keyframes hpulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.h-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.55}
.h-orb1{width:420px;height:420px;background:#fdba74;top:-120px;right:8%}
.h-orb2{width:360px;height:360px;background:#fde68a;bottom:-140px;left:-80px;opacity:.45}
:root[data-theme=dark] .h-orb{opacity:.18}

/* ---------- hero ---------- */
.h-hero{position:relative;overflow:hidden;padding:48px 0 72px;background:linear-gradient(180deg,#fff7ed 0%,var(--bg) 85%)}
:root[data-theme=dark] .h-hero{background:linear-gradient(180deg,#1a120a 0%,var(--bg) 85%)}
.h-hero-in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.h-pill{display:inline-flex;align-items:center;gap:9px;height:34px;padding:0 15px;border-radius:999px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);font-size:13px;font-weight:800;color:var(--ink2)}
.h-copy h1{font-size:clamp(44px,6.2vw,82px);font-weight:900;letter-spacing:-.045em;line-height:1.02;margin:22px 0 0}
.h-mark{position:relative;white-space:nowrap;color:var(--ink);z-index:0}
.h-mark::after{content:"";position:absolute;left:-.06em;right:-.06em;bottom:.06em;height:.36em;border-radius:.12em;background:linear-gradient(90deg,#fbbf24,#f97316);z-index:-1;transform:skewX(-8deg)}
:root[data-theme=dark] .h-mark::after{opacity:.85}
.h-lead{max-width:540px;margin:22px 0 0;font-size:clamp(16px,1.5vw,19px);color:var(--muted);line-height:1.6}
.h-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.h-cta.center{justify-content:center}
.h-points{list-style:none;padding:0;margin:34px 0 0;display:flex;gap:12px;flex-wrap:wrap}
.h-points li{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.h-points li>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-hi);font-size:14px}
.h-points b{display:block;font-size:14.5px;line-height:1.1}.h-points span{font-size:12px;color:var(--muted)}

.h-visual{position:relative;display:flex;justify-content:center;padding:10px 0}
.h-phone{position:relative;width:300px;padding:12px;border-radius:44px;background:#18181b;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 50px 90px -40px rgba(234,88,12,.55),0 30px 60px -30px rgba(0,0,0,.45);transform:rotate(-3deg)}
.h-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:12px;background:#000;z-index:2}
.h-screen{border-radius:34px;background:#0f0f13;padding:46px 12px 16px;min-height:520px;color:#f4f4f5}
.h-wall-top{display:flex;align-items:center;gap:10px;padding:0 4px 12px}
.h-wall-logo{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}
.h-wall-top b{display:block;font-size:13.5px}.h-wall-top span{font-size:11px;color:#a1a1aa}
.h-wall-top em{margin-left:auto;font-style:normal;font-weight:900;font-size:13px;color:#fbbf24;background:rgba(251,191,36,.12);padding:5px 9px;border-radius:9px}
.h-wall-tabs{display:flex;gap:6px;padding:0 4px 12px}
.h-wall-tabs span{font-size:11.5px;font-weight:800;padding:6px 11px;border-radius:9px;background:#1c1c22;color:#a1a1aa}
.h-wall-tabs span.on{background:#f97316;color:#fff}
.h-offer{display:flex;align-items:center;gap:11px;padding:10px;border-radius:15px;background:#18181d;border:1px solid #26262d;margin-bottom:8px}
.h-offer img,.h-offer-ph{width:42px;height:42px;border-radius:12px;object-fit:cover;flex-shrink:0;background:#27272a;display:grid;place-items:center;color:#fbbf24}
.h-offer div{min-width:0;flex:1}
.h-offer b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h-offer span{font-size:10.5px;color:#a1a1aa}
.h-offer em{font-style:normal;font-weight:900;font-size:12px;color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);padding:6px 9px;border-radius:9px;white-space:nowrap}
.h-float{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:15px;background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 44px -18px rgba(var(--sh-rgb),.4);animation:float 6s ease-in-out infinite;z-index:3}
.h-float .kpi-ic{width:34px;height:34px}
.h-float b{display:block;font-size:13px}.h-float span{font-size:11.5px;color:var(--muted)}
.h-f1{left:0;top:70px}.h-f2{right:-4px;top:210px;animation-delay:-2s}.h-f3{left:16px;bottom:40px;animation-delay:-4s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media (max-width:1020px){.h-hero-in{grid-template-columns:1fr;text-align:center}.h-lead{margin-left:auto;margin-right:auto}.h-cta,.h-points{justify-content:center}.h-visual{margin-top:16px}}
@media (max-width:560px){.h-float{display:none}.h-phone{width:270px;transform:none}.h-points li{flex:1 1 100%}}

/* ---------- live offers marquee ---------- */
.h-marquee{padding:22px 0 26px;border-block:1px solid var(--line);background:var(--panel);overflow:hidden}
.h-mq-label{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.h-mq{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.h-mq-track{display:flex;gap:12px;width:max-content;animation:mq 60s linear infinite}
.h-mq:hover .h-mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.h-chip{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 14px 0 6px;border-radius:14px;background:var(--bg);border:1px solid var(--line);font-weight:800;font-size:13.5px;white-space:nowrap}
.h-chip img{width:34px;height:34px;border-radius:10px;object-fit:cover}
.h-chip b{color:var(--green);font-size:13px;margin-left:4px}
@media (prefers-reduced-motion:reduce){.h-mq-track{animation:none}}

/* ---------- numbers (dark band) ---------- */
.h-numbers{background:#140f0b;color:#fff;padding:60px 0 44px;position:relative;overflow:hidden}
.h-numbers::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 20% 0%,rgba(249,115,22,.25),transparent 70%),radial-gradient(500px 240px at 90% 100%,rgba(245,158,11,.18),transparent 70%)}
.h-numbers .s-wrap{position:relative}
.h-num-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.h-num-grid>div{padding:6px 18px}
.h-num-grid>div+div{border-left:1px solid rgba(255,255,255,.12)}
.h-num-grid b{display:block;font-size:clamp(34px,4.4vw,54px);font-weight:900;letter-spacing:-.035em;line-height:1.05;background:linear-gradient(100deg,#fde68a,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-num-grid span{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d4d4d8}
.h-num-note{margin:28px 0 0;font-size:12.5px;color:#a1a1aa;text-align:center}
.h-num-note i{margin-right:6px;color:#fb923c}
@media (max-width:760px){.h-num-grid{grid-template-columns:1fr 1fr;row-gap:26px}.h-num-grid>div:nth-child(3){border-left:0}}

/* ---------- features ---------- */
.h-head-row{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:40px}
.h-head-row p{color:var(--muted);font-size:16.5px;line-height:1.6;margin:0}
.h-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.h-fcard{position:relative;padding:26px;border-radius:22px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s}
.h-fcard::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(249,115,22,.6),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .2s;pointer-events:none}
.h-fcard:hover{transform:translateY(-4px);box-shadow:0 26px 50px -28px rgba(var(--acc2-rgb),.5)}
.h-fcard:hover::before{opacity:1}
.h-fcard h3{font-size:18px;font-weight:900;margin:16px 0 6px}
.h-fcard p{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0}
.h-fbig{grid-column:span 3;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;padding:30px;background:linear-gradient(135deg,var(--panel),var(--accent-soft))}
.h-fbig h3{font-size:24px}
.h-fbig pre{font-size:13px;line-height:1.75}
.h-fbig pre b{color:#fbbf24;font-weight:700}
.h-more{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-weight:800}
@media (max-width:980px){.h-feat{grid-template-columns:1fr 1fr}.h-fbig{grid-column:span 2;grid-template-columns:1fr}.h-head-row{grid-template-columns:1fr;gap:12px}}
@media (max-width:620px){.h-feat{grid-template-columns:1fr}.h-fbig{grid-column:auto}.s-sec{padding:64px 0}}

/* ---------- steps ---------- */
.h-soft{background:var(--panel);border-block:1px solid var(--line)}
.h-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}
.h-steps::before{content:"";position:absolute;top:52px;left:12%;right:12%;border-top:2px dashed rgba(var(--acc-rgb),.45)}
.h-steps li{position:relative;text-align:center;padding:26px 22px 24px;border-radius:22px;background:var(--bg);border:1px solid var(--line)}
.h-steps .s-ic{margin:0 auto;width:54px;height:54px;font-size:21px;border-radius:17px;position:relative;box-shadow:0 0 0 8px var(--bg)}
.h-step-n{position:absolute;top:16px;right:18px;font-size:13px;font-weight:900;color:var(--faint)}
.h-steps h3{font-size:19px;font-weight:900;margin:18px 0 6px}
.h-steps p{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0}
@media (max-width:860px){.h-steps{grid-template-columns:1fr}.h-steps::before{display:none}}

/* ---------- payments + faq ---------- */
.h-pay{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.h-pay-card{padding:32px;border-radius:26px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.h-pay-card h2{font-size:clamp(28px,3.4vw,40px)}
.h-pay-card>p{color:var(--muted);line-height:1.65;margin:14px 0 0}
.h-methods{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.h-methods span{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px;border-radius:12px;background:var(--bg);border:1px solid var(--line);font-weight:800;font-size:13.5px}
.h-methods i{color:var(--accent-hi)}
.h-faq-title{font-size:22px;font-weight:900;margin:6px 0 16px}
.s-faq details{border:1px solid var(--line);border-radius:16px;background:var(--panel);margin-bottom:10px;overflow:hidden;transition:border-color .2s}
.s-faq details[open]{border-color:rgba(var(--acc-rgb),.45)}
.s-faq summary{list-style:none;cursor:pointer;padding:17px 20px;font-weight:800;font-size:15px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.s-faq summary::-webkit-details-marker{display:none}
.s-faq summary::after{content:"+";font-size:22px;font-weight:600;color:var(--accent-hi);transition:transform .2s;flex-shrink:0}
.s-faq details[open] summary::after{transform:rotate(45deg)}
.s-faq p{margin:0;padding:0 20px 18px;color:var(--muted);line-height:1.65}
@media (max-width:900px){.h-pay{grid-template-columns:1fr}}

/* ---------- final CTA ---------- */
.h-final{position:relative;overflow:hidden;text-align:center;margin:20px 0 96px;padding:70px 24px;border-radius:32px;background:#140f0b;color:#fff}
.h-final::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 260px at 50% 120%,rgba(249,115,22,.55),transparent 70%),radial-gradient(400px 200px at 0% 0%,rgba(245,158,11,.2),transparent 70%)}
.h-final>*{position:relative}
.h-final h2{font-size:clamp(30px,4.2vw,50px);font-weight:900;letter-spacing:-.035em;line-height:1.1;margin:0 auto;max-width:760px}
.h-final p{color:#d4d4d8;font-size:17px;margin:14px 0 28px}

/* ---------- footer ---------- */
.s-foot{border-top:1px solid var(--line);background:var(--panel);padding:56px 0 26px}
.s-foot-in{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}
.s-foot-brand img{height:42px}
.s-foot-brand p{color:var(--muted);max-width:330px;margin:12px 0 16px;line-height:1.6}
.s-social{display:flex;gap:8px}
.s-social a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg);color:var(--ink2);font-size:16px}
.s-social a:hover{border-color:var(--accent);color:var(--accent-hi)}
.s-foot h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:6px 0 12px}
.s-foot-in>div>a{display:block;color:var(--muted);font-weight:600;padding:4px 0}
.s-foot-in>div>a:hover{color:var(--accent-hi)}
.s-copy{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);color:var(--faint);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.s-copy a{color:var(--muted)}
@media (max-width:760px){.s-foot-in{grid-template-columns:1fr 1fr}.s-foot-brand{grid-column:1/-1}}

/* ================= CONTENT PAGES (terms, privacy, contact) ================= */
.p-hero{position:relative;overflow:hidden;padding:34px 0 54px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff7ed,var(--bg))}
:root[data-theme=dark] .p-hero{background:linear-gradient(180deg,#1a120a,var(--bg))}
.p-hero-in{position:relative;max-width:820px}
.p-crumb{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:22px}
.p-crumb i{font-size:9px;color:var(--faint)}
.p-crumb a{color:var(--muted)}.p-crumb a:hover{color:var(--accent-hi)}
.p-hero h1{font-size:clamp(38px,5.4vw,64px);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin:16px 0 0}
.p-hero p{color:var(--muted);font-size:17px;line-height:1.65;margin:16px 0 0;max-width:680px}
.p-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.p-meta>*{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-size:12.5px;font-weight:800;color:var(--ink2)}
.p-meta a:hover{border-color:var(--accent);color:var(--accent-hi)}
.p-doc{display:grid;grid-template-columns:250px minmax(0,1fr);gap:48px;padding-top:48px;padding-bottom:90px;align-items:start}
.p-toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}
.p-toc b{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:2px 10px 8px}
.p-toc a{display:flex;gap:10px;padding:7px 10px;border-radius:10px;font-size:13.5px;font-weight:700;color:var(--muted)}
.p-toc a span{font:700 11px var(--f-mono);color:var(--faint);padding-top:2px}
.p-toc a:hover,.p-toc a.on{background:var(--accent-soft);color:var(--accent-hi)}
.p-toc a.on span{color:var(--accent-hi)}
.p-body{max-width:760px}
.p-sec{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:26px 0;border-bottom:1px solid var(--line);scroll-margin-top:96px}
.p-sec:first-child{padding-top:0}
.p-num{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--accent-soft);color:var(--accent-hi);font:800 14px var(--f-mono)}
.p-sec h2{font-size:22px;font-weight:900;letter-spacing:-.015em;margin:8px 0 10px}
.p-sec p{color:var(--ink2);line-height:1.75;margin:0 0 10px;font-size:15.5px}
.p-sec ul{list-style:none;padding:0;margin:4px 0 10px;display:grid;gap:8px}
.p-sec li{position:relative;padding-left:26px;color:var(--ink2);line-height:1.65;font-size:15.5px}
.p-sec li::before{content:"";position:absolute;left:4px;top:.55em;width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,#f59e0b,#f97316)}
.p-mail{display:flex;align-items:center;gap:14px;margin-top:8px;padding:14px 18px 14px 14px;border-radius:16px;border:1px solid var(--line);background:var(--panel);max-width:420px;color:var(--ink)}
.p-mail b{display:block}.p-mail div span{font-size:12.5px;color:var(--muted)}
.p-mail>i{margin-left:auto;color:var(--accent-hi)}
.p-mail:hover{border-color:var(--accent)}
.p-end{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:30px;padding:22px;border-radius:20px;background:var(--panel);border:1px solid var(--line)}
.p-end p{margin:0 auto 0 0;font-weight:800}
@media (max-width:900px){.p-doc{grid-template-columns:1fr;gap:20px}.p-toc{position:static;flex-direction:row;flex-wrap:wrap}.p-toc b{width:100%}.p-toc a span{display:none}}
@media (max-width:560px){.p-sec{grid-template-columns:1fr;gap:6px}.p-num{width:36px;height:36px;font-size:12px}}

.c-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:48px 0 28px}
.c-card{display:flex;flex-direction:column;padding:24px;border-radius:22px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);transition:transform .2s,border-color .2s,box-shadow .2s}
.c-card:hover{transform:translateY(-3px);border-color:rgba(var(--acc-rgb),.45);box-shadow:0 24px 46px -28px rgba(var(--acc2-rgb),.5)}
.c-card h3{font-size:18px;font-weight:900;margin:16px 0 6px}
.c-card p{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0 0 18px}
.c-card b{margin-top:auto;color:var(--accent-hi);font-size:14px}
.c-adv{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;margin:0 0 96px;padding:36px;border-radius:28px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);scroll-margin-top:96px}
.c-adv h2{font-size:clamp(26px,3.2vw,38px)}
.c-adv>div>p{color:var(--muted);line-height:1.65;margin:14px 0 0}
.c-adv-box{display:grid;gap:10px;padding:24px;border-radius:20px;background:#140f0b;color:#fff}
.c-adv-box b{font-size:18px}.c-adv-box p{color:#d4d4d8;margin:0 0 6px;line-height:1.6;font-size:14.5px}
.c-adv-box .btn-ghost{color:#fff;border-color:rgba(255,255,255,.2)}
@media (max-width:860px){.c-adv{grid-template-columns:1fr;padding:24px}}

/* ================= ERROR PAGES ================= */
.e-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 18px;overflow:hidden;background:radial-gradient(700px 400px at 50% 0%,rgba(var(--acc-rgb),.16),transparent 65%),var(--bg)}
.e-logo{position:relative;margin-bottom:28px}.e-logo img{height:40px}
.e-card{position:relative;width:100%;max-width:520px;text-align:center;padding:34px 30px 34px;border-radius:28px;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(var(--acc2-rgb),.5)}
.e-code{font-size:92px;font-weight:900;letter-spacing:-.05em;line-height:1;margin:-6px 0 8px;background:linear-gradient(135deg,#f59e0b,#f97316 60%,#ea580c);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}
.e-ic{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:20px;background:var(--accent-soft);color:var(--accent-hi);font-size:26px;position:relative}
.e-card h1{font-size:28px;font-weight:900;letter-spacing:-.02em;margin:0}
.e-card p{color:var(--muted);line-height:1.6;margin:10px 0 24px}
.e-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
/* ================= AUTH ================= */
.auth-page{min-height:100vh}
.a-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}
.a-art{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:32px 48px;border-right:1px solid var(--line);
  background:radial-gradient(700px 420px at 0% 0%,rgba(var(--acc-rgb),.16),transparent 65%),radial-gradient(600px 400px at 100% 100%,rgba(var(--acc2-rgb),.12),transparent 60%),var(--bg)}
.a-art>*{position:relative}
.a-art-top{display:flex;align-items:center;gap:16px}
.a-back{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:12.5px;font-weight:700;color:var(--ink2)}
.a-back:hover{border-color:var(--accent);color:var(--accent-hi)}
.a-logo{height:38px;width:auto;display:block}
.a-art-mid{margin:auto 0;max-width:520px;padding:40px 0}
.a-art-mid h2{font-size:clamp(34px,3.6vw,50px);font-weight:900;letter-spacing:-.035em;line-height:1.08;margin:18px 0 0}
.a-art-mid>p{color:var(--muted);font-size:16px;line-height:1.6;margin:16px 0 0}
.a-feats{display:grid;gap:12px;margin-top:30px}
.a-feats>div{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.a-feats b{display:block;font-size:14.5px}.a-feats span{font-size:13px;color:var(--muted)}
.a-art-foot{color:var(--faint);font-size:12.5px;font-weight:700;margin:0}
.a-art-foot i{color:var(--green);margin-right:6px}

.a-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}
.a-top-right{position:absolute;top:18px;right:18px}
.a-card{width:100%;max-width:440px;padding:28px;border-radius:26px;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(var(--acc2-rgb),.55),0 10px 30px -20px rgba(var(--sh-rgb),.25)}
.a-mobile-logo{display:none;margin:0 auto 18px;width:max-content}
.a-mobile-logo img{height:36px}
.a-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--hover);border:1px solid var(--line);margin-bottom:24px}
.a-tabs a{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:11px;font-weight:800;font-size:14px;color:var(--muted)}
.a-tabs a i{color:var(--accent-hi);font-size:13px}
.a-tabs a[aria-selected=true]{background:var(--panel);color:var(--ink);box-shadow:0 2px 8px rgba(var(--sh-rgb),.1)}
.a-card h1{font-size:26px;font-weight:900;letter-spacing:-.02em;margin:0}
.a-lead{color:var(--muted);margin:6px 0 20px;font-size:14.5px;line-height:1.55}
.a-lbl-row{display:flex!important;justify-content:space-between;align-items:center}
.a-lbl-row a{font-size:12.5px;font-weight:800}
.a-card .field label{font-weight:700}
.a-card .input{height:48px;border-radius:13px;background:var(--bg)}
.a-card textarea.input{height:auto;padding:12px 14px;line-height:1.5;resize:vertical}
.a-card select.input{padding-left:12px}
.a-switch{text-align:center;color:var(--muted);font-size:14px;margin:18px 0 0}
.a-switch a{font-weight:800}
.a-linkbtn{background:none;border:0;color:var(--accent-hi);font:800 14px var(--f-body);cursor:pointer}
.a-legal{color:var(--faint);font-size:12.5px;margin:22px 0 0;text-align:center}
.a-legal a{color:var(--muted)}
.a-reg-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.a-step-badge{flex-shrink:0;height:26px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;background:var(--accent-soft);border:1px solid rgba(var(--acc-rgb),.3);color:var(--accent-hi);font-size:11.5px;font-weight:800}
.a-progress{height:4px;border-radius:4px;background:var(--line);margin:14px 0 6px;overflow:hidden}
.a-progress i{display:block;height:100%;background:var(--grad);border-radius:4px;transition:width .35s ease}
.a-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}
.a-row-btns{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:6px}
.a-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink2);margin:4px 0 16px;cursor:pointer;line-height:1.5}
.a-check input{width:18px;height:18px;margin-top:2px;accent-color:#f97316;flex-shrink:0}
.a-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.a-done{text-align:center}
.a-done-ic{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 16px;border-radius:20px;background:var(--accent-soft);color:var(--accent-hi);font-size:26px}
.a-done-ic.green{background:var(--green-soft);color:var(--green)} .a-done-ic.red{background:var(--red-soft);color:var(--red)}
.a-solo{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 18px;overflow:hidden;
  background:radial-gradient(700px 400px at 50% 0%,rgba(var(--acc-rgb),.14),transparent 65%),var(--bg)}
.a-card-solo{position:relative;text-align:center}
.a-card-solo form,.a-card-solo .alert{text-align:left}
.a-solo-logo{display:block;width:max-content;margin:0 auto 22px}
.a-solo-logo img{height:38px}
.otp-input{text-align:center;font:800 26px var(--f-mono)!important;letter-spacing:.4em;height:58px!important;padding:0 12px!important}
@media (max-width:980px){
  .a-split{grid-template-columns:1fr}
  .a-art{display:none}
  .a-mobile-logo{display:block}
  .a-main{justify-content:flex-start;padding-top:56px;background:radial-gradient(700px 360px at 50% 0%,rgba(var(--acc-rgb),.14),transparent 65%)}
}
@media (max-width:480px){.a-card{padding:22px 18px;border-radius:22px}.a-row{grid-template-columns:1fr;gap:0}}
/* gw.css hides [data-pane] for the panel's segmented controls — auth panes use the hidden attribute instead */
.a-card [data-pane]{display:block}
.a-card [data-pane][hidden],.a-step[hidden]{display:none}
.a-reg-head h1{font-size:23px}