/* ============================================================
   Point. — shared chrome for sub-pages (account, legal)
   Same token system + type + components as the landing page.
   ============================================================ */
:root{
  color-scheme:dark;
  --bg:#09070f; --bg-1:#0d0a17; --bg-2:#141120; --bg-3:#1c1830;
  --panel:rgba(255,255,255,.035); --panel-2:rgba(255,255,255,.065);
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.17);
  --white:#fff; --heading:#fff; --fg:#eceaf3; --muted:#b0abc2; --muted-2:#847f97;
  --violet:#8b5cf6; --violet-2:#a78bfa; --violet-3:#c9bbfb;
  --violet-deep:#6d28d9; --violet-electric:#7c3aed; --violet-ink:#a78bfa;
  --violet-a:rgba(139,92,246,.14); --violet-b:rgba(139,92,246,.32);
  --glow-sm:0 0 0 1px rgba(139,92,246,.35),0 6px 26px -6px rgba(139,92,246,.5);
  --sans:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --display:'Manrope','Inter',system-ui,sans-serif;
  --maxw:1120px; --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1);
}
.light{
  color-scheme:light;
  --bg:#ffffff; --bg-1:#f7f5fb; --bg-2:#f4f2f9; --bg-3:#ece9f4;
  --panel:rgba(22,17,38,.03); --panel-2:rgba(22,17,38,.06);
  --line:rgba(22,17,38,.12); --line-2:rgba(22,17,38,.2);
  --heading:#100d18; --fg:#38334c; --muted:#5e5975; --muted-2:#8b8799;
  --violet-2:#7c3aed; --violet-ink:#6d28d9; --violet-a:rgba(124,58,237,.09); --violet-b:rgba(124,58,237,.26);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;background:#09070f}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.light{background:var(--bg)}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:rgba(139,92,246,.4);color:#fff}
:focus-visible{outline:2px solid var(--violet-2);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:1.04;margin:0;color:var(--heading)}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:24px}

/* brand */
.brand{display:inline-flex;align-items:flex-end;gap:.1em;line-height:1;font-family:var(--display)}
.brand-word{font-weight:800;letter-spacing:-.045em;color:var(--heading);position:relative;padding-bottom:.16em}
.brand-word::after{content:"";position:absolute;left:.02em;right:.02em;bottom:0;height:.11em;border-radius:1em;background:linear-gradient(90deg,var(--violet),var(--violet-deep));box-shadow:0 0 12px -1px var(--violet-b)}
.brand-dot{width:.26em;height:.26em;border-radius:50%;background:var(--violet);margin-left:.06em;margin-bottom:.05em;box-shadow:0 0 .5em var(--violet-b),0 0 .12em var(--violet)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 22px;border-radius:12px;cursor:pointer;font-family:var(--display);font-weight:700;font-size:14.5px;letter-spacing:-.01em;border:1px solid transparent;transition:transform .18s var(--ease),box-shadow .3s,background .25s,border-color .25s;white-space:nowrap;width:100%}
.btn svg{width:16px;height:16px}
.btn-primary{background:linear-gradient(180deg,var(--violet-2),var(--violet-electric));color:#fff;box-shadow:var(--glow-sm)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(139,92,246,.5),0 14px 40px -8px rgba(124,58,237,.7)}
.btn-ghost{background:var(--panel);border-color:var(--line-2);color:var(--fg)}
.btn-ghost:hover{transform:translateY(-2px);border-color:var(--violet-2)}
.btn-auto{width:auto}

/* top bar */
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px 0;background:color-mix(in srgb, var(--bg) 78%, transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topbar .brand{font-size:23px}
.topbar .back{font-size:13.5px;color:var(--muted);display:inline-flex;align-items:center;gap:7px;transition:color .2s}
.topbar .back:hover{color:var(--heading)}

/* footer */
.foot{border-top:1px solid var(--line);padding:34px 0;margin-top:60px}
.foot-in{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.foot-in p{margin:0;font-size:12.5px;color:var(--muted-2)}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}
.foot-links a{font-size:12.5px;color:var(--muted);transition:color .2s}
.foot-links a:hover{color:var(--heading)}

/* form fields */
.field-l{display:block;margin-bottom:16px}
.field-l span{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:7px}
.inp{width:100%;height:48px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg-3);color:var(--heading);padding:0 15px;font-family:var(--sans);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.inp:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-a)}
.inp::placeholder{color:var(--muted-2)}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* reveal */
.rv{opacity:0;transform:translateY(16px);animation:rvIn .7s var(--ease-out) forwards}
@keyframes rvIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rv{animation:none;opacity:1;transform:none}}