*{box-sizing:border-box} :root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e5e7eb;background:#0b1120}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#172554 0,#0b1120 55%);display:flex;flex-direction:column}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1rem,calc((100% - 1080px)/2));border-bottom:1px solid #263247;background:#0b1120e8}.brand{font-size:1.25rem;font-weight:800;color:#67e8f9;text-decoration:none}.site-header nav{display:flex;gap:1rem;flex-wrap:wrap}.site-header nav a,.card a{color:#67e8f9;text-decoration:none}.container{width:min(1080px,calc(100% - 2rem));margin:2rem auto;flex:1}.hero{padding:clamp(2rem,6vw,5rem) 0}.eyebrow{color:#67e8f9;letter-spacing:.18em;font-size:.75rem;font-weight:800}.hero h1{font-size:clamp(2.2rem,6vw,4rem);margin:.4rem 0}.hero p{color:#cbd5e1;max-width:650px;line-height:1.8}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.button{display:inline-block;border:0;border-radius:.7rem;background:#0891b2;color:white;padding:.8rem 1.1rem;font-weight:700;text-decoration:none;cursor:pointer}.button:hover{background:#0e7490}.button-secondary{background:#1e293b;border:1px solid #475569}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card,.form-card{background:#111c2f;border:1px solid #2b3a52;border-radius:1rem;padding:1.3rem;box-shadow:0 10px 35px #0002}.card h2{margin-top:0}.card p,.muted{color:#aebed2;line-height:1.7}.form-card{max-width:620px;margin:1rem auto}.form-card h1,.page-heading h1{margin-top:0}form{display:grid;gap:1rem}label{display:grid;gap:.45rem;color:#dbeafe;font-size:.92rem}input,select,textarea{width:100%;border:1px solid #3b4b63;border-radius:.55rem;background:#0b1323;color:#f8fafc;padding:.75rem;font:inherit}input:focus,select:focus,textarea:focus{outline:2px solid #0891b2;border-color:transparent}.notice,.alert{padding:.85rem 1rem;border-radius:.65rem;background:#172554;color:#bfdbfe;line-height:1.6}.alert{background:#451a1a;color:#fecaca}.result{margin:1.3rem 0;padding:1rem;border-radius:.8rem;background:#0b1323;display:flex;justify-content:space-between;gap:1rem;align-items:center}.result strong{font-size:1.25rem;color:#67e8f9}.site-footer{text-align:center;border-top:1px solid #263247;padding:1rem;color:#94a3b8;font-size:.85rem}@media(max-width:520px){.site-header{align-items:flex-start;flex-direction:column}.container{margin:1rem auto}}