:root{--ink:#0f172a;--ink-soft:#475569;--ink-faint:#94a3b8;--line:rgba(15,23,42,0.08);--surface:rgba(255,255,255,0.72);--surface-solid:#ffffff;--bg:#eef1fb;--brand:#4f46e5;--brand-2:#2563eb;--brand-3:#7c3aed;--accent:#f59e0b;--ok:#10b981;--danger:#e11d48;--radius:22px;--shadow-lg:0 30px 60px -25px rgba(30,41,90,0.35);--shadow-sm:0 8px 24px -12px rgba(30,41,90,0.28);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",ui-sans-serif,system-ui,"Helvetica Neue",sans-serif}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100dvh;position:relative;overflow-x:hidden}.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(1200px 800px at 80% -10%,#eaf0ff 0,transparent 60%),radial-gradient(1000px 700px at 0 100%,#f3ecff 0,transparent 55%),var(--bg)}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform}.b1{width:46vw;height:46vw;left:-8vw;top:-10vw;background:radial-gradient(circle at 30% 30%,#8ea2ff,#4f46e5);animation:drift1 22s ease-in-out infinite}.b2{width:40vw;height:40vw;right:-6vw;top:8vw;background:radial-gradient(circle at 60% 40%,#a78bfa,#6d28d9);animation:drift2 26s ease-in-out infinite}.b3{width:38vw;height:38vw;left:30vw;bottom:-14vw;background:radial-gradient(circle at 50% 50%,#67e8f9,#2563eb);opacity:.4;animation:drift3 30s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6vw,4vw) scale(1.08)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-5vw,5vw) scale(1.12)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-4vw,-6vw) scale(1.06)}}@media (prefers-reduced-motion:reduce){.blob{animation:none}}.shell{max-width:1080px;margin:0 auto;padding:28px 24px 72px}.center{min-height:100dvh;display:grid;place-items:center;padding:24px}.topbar{justify-content:space-between;gap:16px;margin-bottom:34px}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;font-weight:650;letter-spacing:-.01em}.brand .mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--brand),var(--brand-3));box-shadow:var(--shadow-sm)}.brand small{display:block;color:var(--ink-faint);font-weight:500;font-size:12px;margin-top:1px}.brandtag{font-size:11.5px;font-weight:600;color:var(--ink-soft);padding:4px 10px;border-radius:999px;background:rgba(15,23,42,.05);letter-spacing:.02em;border:1px solid var(--line)}.card{background:var(--surface);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-lg);border-radius:var(--radius)}.pad{padding:30px}.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}@media (max-width:820px){.grid2{grid-template-columns:1fr}}h1{font-size:clamp(28px,4vw,40px);line-height:1.05;letter-spacing:-.03em;margin:0 0 10px}h2{font-size:19px;letter-spacing:-.02em;margin:0 0 4px}.lede{color:var(--ink-soft);font-size:15.5px;line-height:1.6;margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;font-weight:650;color:var(--brand)}.muted{color:var(--ink-faint);font-size:13px}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.btn{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:600;padding:13px 20px;border-radius:14px;display:inline-flex;align-items:center;gap:10px;transition:transform .16s ease,box-shadow .2s ease,background .2s ease,opacity .2s;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 12px 26px -12px rgba(79,70,229,.7)}.btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px -12px rgba(79,70,229,.75)}.btn:active{transform:translateY(0)}.btn.ghost{background:rgba(255,255,255,.7);color:var(--ink);box-shadow:var(--shadow-sm);border:1px solid var(--line)}.btn.ghost:hover{background:#fff}.btn.danger{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 12px 26px -12px rgba(225,29,72,.6)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn.google{background:#fff;color:#1f2937;border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:14px 22px}.btn.google:hover{background:#fbfcff}.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;background:rgba(16,185,129,.12);color:#047857}.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(16,185,129,.5);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.45)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.rows{display:flex;flex-direction:column;gap:10px;margin-top:8px}.row{justify-content:space-between;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.6);border:1px solid var(--line)}.row,.row .who{display:flex;align-items:center;gap:12px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(140deg,var(--brand-2),var(--brand-3));font-size:14px}.steps{counter-reset:s;display:flex;flex-direction:column;gap:14px;margin:18px 0 0;padding:0;list-style:none}.steps li{position:relative;padding-left:40px;color:var(--ink-soft);font-size:14.5px;line-height:1.5}.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--brand);background:rgba(79,70,229,.1)}.qrwrap{display:grid;place-items:center;gap:14px;text-align:center}.qrframe{padding:16px;background:#fff;border-radius:20px;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.qrframe img{display:block;width:220px;height:220px;border-radius:8px}.field{display:flex;gap:10px}.input{flex:1;font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.8);color:var(--ink);outline:none;transition:border .15s,box-shadow .15s}.input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(79,70,229,.12)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;box-shadow:var(--shadow-lg);animation:rise .3s ease;z-index:50}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.fade-in{animation:fade .5s ease both}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.06s}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.link{color:var(--brand);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.sep{height:1px;background:var(--line);margin:22px 0;border:0}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner.ink{border-color:rgba(79,70,229,.25);border-top-color:var(--brand)}@keyframes spin{to{transform:rotate(1turn)}}