:root{--bg: #0a0a0a;--surface: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--text: #f5f5f5;--text-muted: rgba(245, 245, 245, .6);--gold: #f5b301;--positive: #4ade80;--negative: #ff4f4f;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:var(--gold);text-decoration:none}button{font-family:inherit;cursor:pointer}.container{max-width:1120px;margin:0 auto;padding:0 var(--space-md)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border)}.site-header a.logo{color:var(--text);font-weight:600;letter-spacing:.4px;font-size:18px}.site-header .nav{display:flex;gap:var(--space-md);align-items:center}.site-header .nav a{color:var(--text-muted);font-size:14px}.site-header .nav a.cta{background:var(--gold);color:#0a0a0a;padding:10px 18px;border-radius:var(--radius-pill);font-weight:600}.hero{padding:64px 0 48px}.hero .eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700;margin-bottom:12px}.hero h1{font-size:clamp(32px,6vw,64px);font-weight:300;line-height:1.05;letter-spacing:-1px;margin:0 0 var(--space-md)}.hero p{font-size:clamp(15px,1.6vw,18px);color:var(--text-muted);max-width:640px;line-height:1.6;margin:0 0 var(--space-lg)}.hero .cta-row{display:flex;flex-wrap:wrap;gap:12px}.hero .cta-row .primary{background:var(--gold);color:#0a0a0a;padding:14px 22px;border-radius:var(--radius-pill);font-weight:600;border:none;font-size:15px}.hero .cta-row .secondary{background:transparent;color:var(--text);border:1px solid var(--border);padding:14px 22px;border-radius:var(--radius-pill);font-weight:500;font-size:15px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md);padding:var(--space-lg) 0 var(--space-xl)}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.feature h3{margin:0 0 var(--space-sm);font-size:17px;color:var(--text)}.feature p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.form-card{max-width:420px;margin:48px auto;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.form-card h1{font-size:26px;font-weight:300;margin:0 0 8px}.form-card p.sub{color:var(--text-muted);font-size:14px;margin:0 0 var(--space-lg)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md)}.form-field label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.form-field input{background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;color:var(--text);font-size:15px;font-family:inherit;outline:none}.form-field input:focus{border-color:var(--gold)}.form-field .password-wrap{position:relative}.form-field .password-wrap input{width:100%;padding-right:44px}.form-field .toggle-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);padding:4px 10px;font-size:12px;cursor:pointer}.form-error{color:var(--negative);font-size:13px;margin:4px 0 var(--space-md)}.form-submit{width:100%;background:var(--gold);color:#0a0a0a;border:none;padding:14px;font-size:15px;font-weight:600;border-radius:var(--radius-pill)}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-footer{margin-top:var(--space-lg);color:var(--text-muted);font-size:13px;text-align:center}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md);padding:var(--space-md) 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.card h3{margin:0 0 var(--space-sm);font-size:15px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:600}.card .value{font-size:32px;font-weight:300;color:var(--text)}.card .value.gold{color:var(--gold)}@media (max-width: 640px){.site-header{padding:12px 0}.site-header .nav{gap:var(--space-sm)}.site-header .nav a:not(.cta){display:none}.hero{padding:40px 0 32px}.hero .cta-row .primary,.hero .cta-row .secondary{flex:1;text-align:center}.form-card{margin:var(--space-md);padding:var(--space-lg)}}