:root{--bg:#f6f7fb;--surface:#ffffff;--surface-muted:#eef1f9;--text:#0b1220;--text-muted:#4c5b72;--brand:#0d3b66;--brand-soft:#dbeafe;--accent:#2a9d8f;--border:#d4dceb;--danger:#b42318;--radius:14px;--shadow:0 10px 30px rgba(13,59,102,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top right,#eaf2ff,#f6f7fb 50%);color:var(--text);font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh}.container{width:min(1120px,92vw);margin:0 auto}.section{padding:2.5rem 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}h1,h2,h3{line-height:1.2;letter-spacing:-.02em}li,p{line-height:1.6;color:var(--text-muted)}.grid{display:grid;grid-gap:1rem;gap:1rem}.button{border:none;border-radius:10px;padding:.7rem 1rem;font-weight:600;cursor:pointer}.button-primary{background:var(--brand);color:white}.button-secondary{background:var(--surface-muted);color:var(--brand)}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem;background:#fff;color:var(--text)}label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.93rem;color:var(--text);font-weight:500}small.error{color:var(--danger)}.header{border-bottom:1px solid var(--border);background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav{align-items:center;justify-content:space-between;padding:1rem 0}.nav,.nav-links{display:flex;gap:1rem}.nav-links{flex-wrap:wrap;font-size:.95rem;color:var(--text-muted)}.footer{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--border)}.result-grid{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media (max-width:768px){.section{padding:1.6rem 0}.nav{flex-direction:column;align-items:flex-start}}