*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f0a18;--panel: #1a1226;--line: #2a1f3d;--text: #f4f1f9;--muted: #b3a8c9;--accent: #a855f7;--accent-deep: #7c3aed}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:760px;margin:0 auto;padding:0 24px}header{display:flex;align-items:center;gap:12px;padding:28px 0}header .name{font-weight:700;font-size:17px;letter-spacing:-.01em}header .tag{color:var(--muted);font-size:13px;margin-left:auto}.hero{padding:56px 0 40px}.hero h1{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:28px 0 18px}.hero h1 .grad{background:linear-gradient(90deg,var(--accent),#e9d5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:18px;color:var(--muted);max-width:580px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform .12s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent-deep);color:#fff}.btn-primary:hover{background:var(--accent)}.btn-ghost{background:var(--panel);color:var(--text);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--accent)}.btn-ghost.disabled{opacity:.5;pointer-events:none}.btn:disabled{opacity:.6;cursor:default;transform:none}section{padding:40px 0;border-top:1px solid var(--line)}section h2{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:24px}.steps{display:grid;gap:18px}.step{display:flex;gap:16px}.step .n{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--panel);border:1px solid var(--line);color:var(--accent);font-weight:700;font-size:14px}.step .t{font-weight:600;margin-bottom:2px}.step .d{color:var(--muted);font-size:14.5px}.notlist{list-style:none;display:grid;gap:10px}.notlist li{color:var(--muted);font-size:14.5px;padding-left:26px;position:relative}.notlist li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}footer{padding:40px 0 56px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--accent)}.connect-main{min-height:100vh;display:grid;place-items:center;padding:24px}.connect-card{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:36px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.connect-card h1{font-size:22px;font-weight:700;letter-spacing:-.02em}.connect-card .muted{color:var(--muted);font-size:14.5px;max-width:340px}.connect-card .hint{color:#8b7fa8;font-size:12.5px;max-width:340px}.connect-card .btns{margin-top:8px}.consent-card{align-self:stretch;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:left;display:grid;gap:14px;margin-top:4px}.consent-card .k{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:3px}.consent-card .v{font-size:14px;color:var(--text);word-break:break-all}.consent-card .v.mono{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.clerk-wrap{display:grid;place-items:center;margin-top:8px}@media (max-width: 600px){.hero h1{font-size:32px}.hero p{font-size:16px}}