:root{--primary:#0f4c81;--primary-600:#0b3d69;--primary-50:#eaf2fb;--success-50:#ecfdf3;--warning-50:#fffaeb;--bg:#f5f7fa;--panel:#ffffff;--panel-soft:#f9fafb;--text:#1b1f23;--muted:#5d646d;--border:#d9dee5;--line:var(--border);--accent:#0f172a;--accent-hover:#1f2937;--ok:#0f766e;--error:#b42318;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#f8f9fb,#f1f4f8);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}main{max-width:1120px;margin:0 auto;padding:1.25rem}.section{padding:4.5rem 0}.section:nth-of-type(2n){background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding-left:1rem;padding-right:1rem}.section-title{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.2;margin:0 0 .75rem}.section-subtitle{max-width:68ch;color:var(--muted);margin:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0ea5e9;outline-offset:2px}@media (min-width:900px){main{padding:1.5rem}}