:root{--ink-00:#0b0b0c;--ink-05:#17171a;--ink-10:#1e1e22;--ink-20:#2e2e33;--ink-40:#5c5c66;--ink-60:#8a8a92;--ink-80:#c0c0c6;--ink-92:#e0e0e3;--ink-96:#f0f0ee;--ink-98:#f5f5f3;--ink-99:#fafaf9;--ink-100:#fff;--amber:#fdbe4e;--amber-hi:#ffd078;--amber-lo:#e8a82a;--amber-ink:#3a2f03;--bg:var(--ink-99);--bg-card:var(--ink-100);--bg-elev:var(--ink-98);--fg:var(--ink-00);--fg-2:var(--ink-20);--fg-3:var(--ink-40);--fg-4:var(--ink-60);--accent:var(--amber);--accent-hover:var(--amber-hi);--highlight-border:#f0a92a;--card-border:var(--ink-92);--radius:12px;--radius-sm:8px;--t-micro:11px;--t-label:12px;--t-body:14px;--t-body-lg:16px;--t-lead:18px;--t-h5:20px;--t-h4:24px;--t-h3:28px;--t-h2:36px;--t-h1:48px}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:var(--t-body-lg);color:var(--fg);-webkit-font-smoothing:antialiased;line-height:1.5}.app{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding:20px 32px;display:flex}.header-logo{width:auto;height:28px}.header-title{font-size:var(--t-h5);letter-spacing:-.02em;font-weight:600}.header-sep{color:var(--fg-4);font-weight:300}.header-subtitle{font-size:var(--t-body-lg);color:var(--fg-3);font-weight:400}.main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:48px 32px}.hero{margin-bottom:48px}.hero h1{font-size:var(--t-h2);letter-spacing:-.03em;margin-bottom:12px;font-weight:600}.hero p{font-size:var(--t-lead);color:var(--fg-3);max-width:560px}.grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=640px){.grid{grid-template-columns:1fr}}.card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius);padding:32px}.card-title{font-size:var(--t-h5);letter-spacing:-.02em;margin-bottom:8px;font-weight:600}.card-description{font-size:var(--t-body);color:var(--fg-3);margin-bottom:24px}.status-row{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.status-row:last-child{border-bottom:none}.status-label{font-size:var(--t-body);color:var(--fg-3)}.status-value{font-size:var(--t-body);font-variant-numeric:tabular-nums;font-weight:600}.status-value.accent{color:var(--accent)}.btn-primary{background:var(--accent);height:48px;color:var(--amber-ink);border:1px solid var(--highlight-border);border-radius:var(--radius-sm);font-size:var(--t-body);cursor:pointer;justify-content:center;align-items:center;width:100%;padding:0 24px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-elev);height:48px;color:var(--fg-3);border:1px solid var(--card-border);border-radius:var(--radius-sm);font-size:var(--t-body);cursor:pointer;justify-content:center;align-items:center;width:100%;padding:0 24px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn-secondary:hover{background:var(--ink-96);border-color:var(--ink-80)}.gate-signin button,.gate-signin [class*=connect]{background:var(--accent)!important;width:100%!important;height:48px!important;color:var(--amber-ink)!important;border:1px solid var(--highlight-border)!important;border-radius:var(--radius-sm)!important;font-size:var(--t-body)!important;font-family:inherit!important;font-weight:600!important}.onramp-container{justify-content:center;align-items:center;min-height:400px;display:flex}.onramp-placeholder{text-align:center;color:var(--fg-4)}.onramp-placeholder p{margin-bottom:16px}.activity{margin-top:48px}.activity-title{font-size:var(--t-h5);margin-bottom:16px;font-weight:600}.activity-item{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:8px;padding:16px;display:flex}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.activity-dot.success{background:#22c55e}.activity-dot.pending{background:var(--amber)}.activity-dot.info{background:var(--fg-4)}.activity-text{font-size:var(--t-body);flex:1}.activity-time{font-size:var(--t-micro);color:var(--fg-4);font-variant-numeric:tabular-nums}.gate{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.gate-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:var(--radius);text-align:center;width:100%;max-width:400px;padding:48px 32px}.gate-title{font-size:var(--t-h3);letter-spacing:-.03em;margin-bottom:8px;font-weight:600}.gate-description{font-size:var(--t-body-lg);color:var(--fg-3);margin-bottom:32px}.gate-actions{flex-direction:column;gap:16px;display:flex}.gate-divider{color:var(--fg-4);font-size:var(--t-label);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:16px;display:flex}.gate-divider:before,.gate-divider:after{content:"";background:var(--card-border);flex:1;height:1px}.gate-form{flex-direction:column;gap:12px;display:flex}.gate-input{background:var(--bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);height:48px;font-size:var(--t-body);color:var(--fg);text-align:center;letter-spacing:.05em;padding:0 16px;font-family:inherit;transition:border-color .15s}.gate-input:focus{border-color:var(--accent);outline:none}.gate-input::placeholder{color:var(--fg-4);letter-spacing:normal}.gate-error{font-size:var(--t-label);color:#dc2626}.upgrade-banner{background:var(--bg-elev);border-bottom:1px solid var(--card-border);font-size:var(--t-body);color:var(--fg-3);align-items:center;gap:12px;padding:12px 32px;display:flex}.upgrade-text{font-size:var(--t-label);color:var(--fg-4)}.header-user{font-size:var(--t-label);color:var(--fg-3);font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.footer{border-top:1px solid var(--card-border);text-align:center;font-size:var(--t-label);color:var(--fg-4);padding:24px 32px}.footer a{color:var(--fg-3);text-decoration:none}.footer a:hover{color:var(--fg)}