:root{--bg:#f3f5f7;--surface:#ffffff;--surface-alt:#f8fafb;--text:#13202b;--muted:#576c7d;--brand:#1f5f7a;--brand-strong:#16485d;--accent:#d38b2a;--border:#d8e0e6;--shadow:0 14px 34px rgba(10,31,45,0.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#eef3f6,#f7f9fb 30%,#f3f5f7);color:var(--text)}a{color:var(--brand)}a:hover{color:var(--brand-strong)}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(248,250,252,.92);border-bottom:1px solid var(--border);z-index:10}.nav-wrap,main{width:min(1040px,calc(100% - 2.5rem));margin:0 auto}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:.95rem 0}.brand{font-weight:700;letter-spacing:.03em;text-decoration:none;color:var(--text)}.nav-links{display:flex;gap:1.1rem}.nav-links a{text-decoration:none;font-weight:600}main{padding:2rem 0 3rem}.card{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow);padding:1.5rem}.hero{padding:2rem;background:linear-gradient(135deg,#183245,#1f5f7a 55%,#2d7e9e);color:#eff7fb}.hero p{color:#d7ecf5;max-width:42rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.button{display:inline-block;padding:.6rem 1rem;border-radius:999px;text-decoration:none;font-weight:600;border:1px solid transparent}.button-primary{background:var(--accent);color:#1d1300}.button-secondary{background:transparent;border-color:#86adc0;color:#e8f7ff}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1rem}.list-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;padding:1rem}.list-card h3{margin-top:0;margin-bottom:.4rem}.meta{color:var(--muted);font-size:.95rem}form{grid-gap:.85rem;gap:.85rem;max-width:640px}form,label{display:grid}label{grid-gap:.35rem;gap:.35rem;font-weight:600}button,input,textarea{font:inherit;border-radius:10px;border:1px solid #b5c5d1;padding:.65rem .75rem}textarea{min-height:140px;resize:vertical}button{width:-moz-fit-content;width:fit-content;border:none;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}.section-spacer{margin-top:1.5rem}@media (max-width:740px){.nav-wrap{flex-direction:column;gap:.5rem}.hero{padding:1.4rem}}