:root{--radius:16px;--border:#eee;--text:#111;--muted:#555;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:#fff;}
a{color:inherit;text-decoration:none;}
.container{max-width:1100px;margin:0 auto;padding:22px;}
.header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:20;}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.logo{font-weight:800;letter-spacing:-0.02em;}
.nav a{margin-left:14px;opacity:.85;}
.nav a:hover{opacity:1;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #ddd;border-radius:var(--radius);background:#fff;}
.btn:hover{border-color:#bbb;}
.card{border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:#fff;}
.footer{border-top:1px solid var(--border);margin-top:46px;padding:24px 0;color:var(--muted);}
.form{display:grid;gap:14px;max-width:600px;}
label{display:grid;gap:6px;font-weight:600;}
input,textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:var(--radius);font:inherit;}
.alert{border:1px solid #f1c3c3;background:#fff5f5;padding:12px 14px;border-radius:var(--radius);}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}