:root{--bg:#f6f7f9;--text:#17202a;--accent:#164e63;--card:#fff;--muted:#5f6b76}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.65}
header{background:#fff;border-bottom:1px solid #e4e7eb;position:sticky;top:0;z-index:5}
.container{max-width:1050px;margin:auto;padding:0 22px}
.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0}
.brand{font-weight:800;text-decoration:none;color:var(--text)}
nav{display:flex;gap:14px;flex-wrap:wrap}nav a{color:var(--accent);text-decoration:none;font-size:.92rem}
.hero{padding:72px 0 44px}.hero h1{font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.05;margin:0 0 18px}.hero p{font-size:1.2rem;color:var(--muted);max-width:760px}
main section{background:var(--card);padding:34px;border-radius:18px;margin:0 0 26px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.grid article{border:1px solid #e6eaed;border-radius:14px;padding:20px}
h2{font-size:2rem;margin-top:0}h3{margin-bottom:8px}a{color:var(--accent)}.timeline p{border-left:4px solid var(--accent);padding:10px 16px;background:#f8fafb}
.notice{font-size:.92rem;color:var(--muted);border:1px dashed #aab4bd;padding:14px;border-radius:12px}
footer{padding:36px 0;color:var(--muted);font-size:.9rem}
@media(max-width:760px){.top{align-items:flex-start;flex-direction:column}.hero{padding-top:46px}main section{padding:24px}}