:root{--bg:#08060b;--bg-alt:#27262c;--card:#27262c;--card-2:#353547;--input:#372f47;--border:#383241;--text:#f4eeff;--text-sub:#b8add2;--primary:#1fc7d4;--primary-bright:#53dee9;--primary-dark:#0098a1;--secondary:#a881fc;--success:#31d0aa;--failure:#ed4b9e;--warning:#ffb237;--grad-bubblegum:linear-gradient(139.73deg, #313d5c 0%, #3d2a54 100%);--grad-violet:linear-gradient(180deg, #6c4999 0%, #6d4db8 100%);--radius-card:24px;--radius-sm:16px;--shadow-btn:0px -1px 0px 0px #0e0e2c66 inset;--shadow-focus:0px 0px 0px 1px #7645d9, 0px 0px 0px 4px #7645d999}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Kanit,system-ui,sans-serif}a{color:var(--primary);font-weight:600;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:0;font-family:inherit}button:disabled{cursor:not-allowed}button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.page{background:var(--grad-bubblegum);min-height:100vh;position:relative;overflow:hidden}.page:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.blob{filter:blur(90px);opacity:.45;pointer-events:none;border-radius:50%;position:absolute}.blob-a{background:#7645d9;width:480px;height:480px;top:-120px;right:-100px}.blob-b{opacity:.3;background:#1fc7d4;width:420px;height:420px;bottom:-160px;left:-120px}.page.gated{filter:blur(10px)brightness(.55);-webkit-user-select:none;user-select:none;pointer-events:none;height:100vh;transform:scale(1.03)}.gate{z-index:50;background:#08060b8c;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.gate .card{width:100%;max-width:440px;box-shadow:0 30px 80px #0009}.gate-brand{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.steps{gap:6px;display:flex}.step{background:var(--input);white-space:nowrap;min-width:0;color:var(--text-sub);border-radius:12px;flex:1;align-items:center;gap:6px;padding:10px 8px;font-size:12px;font-weight:600;display:flex}.step-n{background:var(--card-2);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.step.active{color:var(--text);box-shadow:inset 0 0 0 1px var(--primary)}.step.active .step-n{background:var(--primary);color:#191326}.step.done{color:var(--success)}.step.done .step-n{background:var(--success);color:#191326}.balance-box{background:var(--input);border-radius:var(--radius-sm);gap:10px;padding:14px 16px;display:grid}.balance-box>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.balance-box small{color:var(--text-sub);font-size:12px}.balance-box b{text-align:right;overflow-wrap:anywhere;font-size:15px}.balance-box .muted{color:var(--text-sub);font-size:12px;font-weight:400}.balance-box p.muted{font-size:12px}.balance-box p{font-size:13px;font-weight:600}.balance-box .ok{color:var(--success)}.balance-box .ko{color:var(--warning)}.tx-note{color:var(--text-sub);font-size:13px;line-height:1.5}.tx-note a{color:var(--primary)}.nav{z-index:2;background:var(--bg-alt);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:relative}.nav-left,.nav-right{align-items:center;gap:16px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;display:flex}.brand:hover{text-decoration:none}.wordmark{letter-spacing:-.3px;font-size:20px;font-weight:700}.wordmark span{color:var(--primary)}.nav-links{gap:4px;margin-left:12px;display:flex}.nav-link{height:48px;color:var(--text-sub);align-items:center;gap:6px;padding:0 12px;font-size:16px;font-weight:400;display:flex;position:relative}.nav-link.active{color:var(--secondary);font-weight:600}.nav-link.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:4px;position:absolute;bottom:0;left:12px;right:12px}.badge{text-transform:uppercase;border:1px solid var(--secondary);color:var(--secondary);border-radius:8px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:600}.price-pill{color:var(--text-sub);align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.price-pill b{color:var(--text)}.account-pill{background:var(--input);border-radius:16px;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:600;display:flex;box-shadow:inset 0 2px 2px -1px #4a4a681a}.hero,.dash{z-index:1;grid-template-columns:1.1fr 420px;align-items:center;gap:56px;max-width:1200px;margin:0 auto;padding:72px 24px;display:grid;position:relative}.dash{grid-template-columns:1fr;justify-items:center}.eyebrow{letter-spacing:.5px;text-transform:uppercase;color:var(--secondary);background:#a881fc1f;border:1px solid #a881fc59;border-radius:999px;margin-bottom:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.hero-copy h1{letter-spacing:-1px;margin-bottom:20px;font-size:56px;font-weight:700;line-height:1.08}.grad{background:linear-gradient(90deg, var(--primary-bright), var(--secondary));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy>p{color:var(--text-sub);max-width:520px;font-size:18px;line-height:1.5}.stats{gap:32px;margin-top:36px;display:flex}.stats b{font-size:28px;font-weight:700;display:block}.stats small{color:var(--text-sub);font-size:14px}.card{background:var(--card);border-radius:var(--radius-card);border:1px solid var(--border);width:100%;animation:.5s cubic-bezier(.2,.8,.2,1) rise;overflow:hidden;box-shadow:0 20px 36px -8px #0e0e2c1a,0 1px 1px #0000000d}.card.wide{max-width:640px}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.card-header{background:var(--grad-violet);padding:24px}.card-header h2{font-size:20px;font-weight:600}.card-header p{color:#f4eeffcc;margin-top:4px;font-size:14px}.card-body{flex-direction:column;gap:16px;padding:24px;display:flex}.wallet-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.wallet-btn{background:var(--input);color:var(--text);border-radius:var(--radius-sm);border:2px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;font-size:15px;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:flex}.wallet-btn:hover:not(:disabled){border-color:var(--primary);background:#3d3550;transform:translateY(-2px)}.wallet-btn:disabled{opacity:.5}.wallet-btn small{color:var(--text-sub);margin-top:-6px;font-size:11px;font-weight:400}.hint{text-align:center;color:var(--text-sub);font-size:14px}.account-row{background:var(--input);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:14px 16px;display:flex}.account-row>div{flex-direction:column;flex:1;min-width:0;display:flex}.account-row small{color:var(--text-sub);font-size:12px}.account-row b{text-overflow:ellipsis;font-size:16px;overflow:hidden}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px!important}.dot{background:var(--success);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #31d0aa33}.btn-primary,.btn-secondary{border-radius:var(--radius-sm);letter-spacing:.03em;justify-content:center;align-items:center;gap:10px;height:48px;font-size:16px;font-weight:600;transition:opacity .2s,transform .1s,background .2s;display:flex}.btn-primary{background:var(--primary);color:#191326;box-shadow:var(--shadow-btn)}.btn-primary:hover:not(:disabled){opacity:.65}.btn-primary:active:not(:disabled){box-shadow:none;opacity:.85;transform:translateY(1px)}.btn-primary:disabled{color:#666171;box-shadow:none;background:#3c3742}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-secondary:hover{opacity:.65}.btn-text{color:var(--primary);background:0 0;font-size:14px;font-weight:600}.btn-text:hover{opacity:.65}.spinner{border:2px solid #66617166;border-top-color:var(--primary-bright);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:12px;padding:14px 16px;animation:.4s shake;display:flex}.alert b{font-size:15px}.alert p{color:var(--text-sub);margin-top:2px;font-size:13px}.alert-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:grid}.alert-danger{background:#ed4b9e1f;border:1px solid #ed4b9e80}.alert-danger b{color:var(--failure)}.alert-danger .alert-icon{background:var(--failure)}.alert-warning{background:#ffb2371a;border:1px solid #ffb23773}.alert-warning b{color:var(--warning)}.alert-warning .alert-icon{background:var(--warning);color:#191326}@keyframes shake{0%,to{transform:none}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.tiles{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.tile{background:var(--input);border-radius:var(--radius-sm);padding:16px}.tile small{color:var(--text-sub);font-size:12px;display:block}.tile b{font-size:24px}@media (max-width:960px){.hero{grid-template-columns:1fr;gap:36px;padding:40px 16px}.hero-copy h1{font-size:40px}.nav-links,.price-pill{display:none}}@media (max-width:480px){.hero-copy h1{font-size:34px}.stats{gap:20px}.stats b{font-size:22px}.tiles{grid-template-columns:1fr}.card-body,.card-header{padding:20px}.step:not(.active){flex:none}.step:not(.active) span:last-child{display:none}}