.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}header{align-items:center;background:#0c1a2c;border-bottom:1px solid #203451;display:flex;justify-content:space-between;padding:1rem clamp(1rem,5vw,5rem)}.brand{color:#61dafb;font-size:1.1rem;font-weight:900;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem}nav a{color:#b8c5d9;text-decoration:none}nav a.active,nav a:hover{color:#fff}main{margin:0 auto;max-width:1120px;padding:3rem 1.25rem 5rem;width:100%}footer{border-top:1px solid #203451;color:#94a6bd;padding:1.5rem;text-align:center}h1{font-size:clamp(2.2rem,7vw,4.8rem);letter-spacing:-.055em;line-height:.98;margin:.3rem 0 1rem}h2{margin-top:2rem}.lede,.hero p{color:#b8c5d9;font-size:1.15rem;line-height:1.7;max-width:62ch}.eyebrow{color:#61dafb;font-size:.8rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero{align-items:center;background:linear-gradient(135deg,#102843,#13203a);border:1px solid #294463;border-radius:1.2rem;display:grid;gap:2rem;grid-template-columns:1fr auto;padding:clamp(1.5rem,5vw,4rem)}.progress-ring{--progress: 0deg;align-items:center;background:conic-gradient(#61dafb var(--progress),#243955 0);border-radius:50%;display:flex;height:150px;justify-content:center;width:150px}.progress-ring:before{background:#10243d;border-radius:50%;content:"";height:118px;position:absolute;width:118px}.progress-ring span{font-size:1.6rem;font-weight:900;position:relative}.stats,.grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1.25rem}.stats article,.card{background:#0e1d30;border:1px solid #203b59;border-radius:.8rem;padding:1.25rem}.stats strong{color:#61dafb;display:block;font-size:2rem}.stats span{color:#9fb0c5}.card h2,.card h3{margin-top:.4rem}.card p{color:#aebdd0;line-height:1.6}.badge{color:#f6c85f;font-size:.75rem;font-weight:800;text-transform:uppercase}.search,.form label,.card label{display:grid;gap:.45rem;margin:1rem 0}input,select,textarea{background:#071424;border:1px solid #38536f;border-radius:.45rem;color:#f5f7fb;padding:.7rem;width:100%}.search{max-width:32rem}.form{max-width:42rem}.empty,.error{color:#ffb3b3}.success{color:#8ee8b0}@media(max-width:700px){header,.hero{align-items:start;flex-direction:column}.hero,.stats,.grid{grid-template-columns:1fr}.progress-ring{height:120px;width:120px}.progress-ring:before{height:92px;width:92px}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e8edf6;background:#07111f;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}button,.button{border:0;border-radius:.55rem;background:#61dafb;color:#07111f;cursor:pointer;font-weight:800;padding:.75rem 1rem;text-decoration:none}button:hover,.button:hover{background:#8ae6ff}:focus-visible{outline:3px solid #f6c85f;outline-offset:3px}