:root{--brand:#2563eb;--brand-dark:#1e40af;--accent:#f59e0b;--danger:#c62828;--ink:#1f2933;--muted:#52606d;--faint:#7b8794;--bg:#f5f7fa;--surface:#fff;--border:#e4e7eb;--font-sans:"Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:40px;--space-6:64px;--radius:10px;--radius-sm:6px;--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 6px 20px #0f172a1a;--content-width:880px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3{font-family:var(--font-display);color:var(--ink);margin:0 0 var(--space-3);line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);font-weight:800}h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700}h3{font-size:1.2rem;font-weight:700}p{margin:0 0 var(--space-3)}a{color:var(--brand)}.lead{color:var(--muted);font-size:1.2rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);margin-bottom:var(--space-2);font-size:.8rem;font-weight:700;display:inline-block}#app{flex-direction:column;min-height:100vh;display:flex}#view{flex:1 0 auto;width:100%}.container{width:100%;max-width:var(--content-width);padding:0 var(--space-4);margin:0 auto}.section{padding:var(--space-6) 0}.section+.section{border-top:1px solid var(--border)}.page{max-width:720px;padding:var(--space-5) var(--space-4);margin:0 auto}.hero{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);color:#fff;padding:var(--space-6) 0}.hero h1,.hero h2{color:#fff}.hero .eyebrow{color:var(--accent)}.hero .lead{color:#ffffffe6;max-width:38ch}.hero-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm)}.info-card h3{margin-bottom:var(--space-2)}.info-card p:last-child{margin-bottom:0}.callout{border-left:4px solid var(--danger);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;background:#fff5f5}.callout h3{color:var(--danger)}.stat-row{gap:var(--space-5);margin:var(--space-4) 0;flex-wrap:wrap;display:flex}.stat{flex:140px}.stat .num{color:var(--brand);font-size:clamp(2rem,5vw,2.8rem);font-weight:800;line-height:1}.stat .label{color:var(--muted);font-size:.9rem}.btn{text-align:center;border-radius:var(--radius-sm);background:var(--brand);color:#fff;cursor:pointer;border:2px solid #0000;width:auto;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s,transform 50ms;display:inline-block}.btn:hover{background:var(--brand-dark)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.btn-accent{background:var(--accent);color:var(--ink)}.btn-accent:hover{background:#d98c08}.btn-outline{color:#fff;background:0 0;border-color:currentColor}.btn-outline:hover{background:#ffffff1f}.btn-block{text-transform:uppercase;letter-spacing:.5px;width:100%}.btn-secondary{color:var(--brand);background:0 0;border:none;padding:8px 0;font-weight:600}.btn-secondary:hover{background:0 0;text-decoration:underline}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--faint);background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;font-size:.8rem;display:flex}.admin-link{font:inherit;color:var(--faint);cursor:pointer;opacity:.6;background:0 0;border:none;padding:0;text-decoration:none;transition:opacity .15s}.admin-link:hover{opacity:1;text-decoration:underline}.card{background:var(--surface);max-width:400px;margin:var(--space-4) auto;padding:var(--space-5) var(--space-4);border-radius:var(--radius);box-shadow:var(--shadow-md)}.card h1{margin:0 0 var(--space-4);font-size:1.6rem;font-weight:700}.field{margin-bottom:var(--space-3);display:block}.field span{margin-bottom:var(--space-1);color:var(--muted);font-size:.85rem;display:block}.field input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:10px 12px;font-size:1rem}.field input:focus{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.field-check{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--muted);font-size:.85rem;display:flex}.field-check input{flex-shrink:0;margin-top:3px}.fineprint{color:var(--faint);margin:var(--space-3) 0 0;font-size:.75rem;line-height:1.5}.error{color:var(--danger);margin:0 0 var(--space-3);min-height:16px;font-size:.85rem}.notice{color:var(--brand-dark);margin:0 0 var(--space-3);font-size:.85rem;line-height:1.5}