body{margin:0;background:#f6f7f9;color:#222;font:16px/1.55 system-ui,sans-serif}main{max-width:760px;margin:32px auto;padding:28px;background:#fff;border-radius:16px}h1{font-size:27px;line-height:1.2}h2{font-size:18px;margin-top:24px}a{color:#164e8c}button{padding:10px 16px;border:0;border-radius:8px;background:#174e8c;color:white;font:inherit;cursor:pointer}label{display:flex;gap:10px;align-items:flex-start}input{margin-top:6px}nav{display:flex;flex-wrap:wrap;gap:16px}small{color:#666}@media(max-width:600px){main{margin:12px;padding:20px}h1{font-size:24px}}