*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;color:#111}
.container{max-width:1080px;margin:0 auto;padding:20px}
header,footer{background:#f6f7fb;border-bottom:1px solid #e6e8ef}
header .container, footer .container{display:flex;align-items:center;justify-content:space-between}
nav a{margin:0 10px;text-decoration:none}
nav a:hover{text-decoration:underline}
.hero{padding:60px 0}
.card{border:1px solid #e6e8ef;border-radius:12px;padding:18px;margin:12px 0;background:#fff}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.btn{display:inline-block;padding:10px 16px;border:1px solid #1a73e8;border-radius:8px;text-decoration:none}
.btn:hover{background:#1a73e8;color:#fff}
.badge{font-size:12px;padding:4px 8px;border:1px solid #e0e0e0;border-radius:999px}
small, .fine{color:#666;font-size:12px}
label{display:block;margin:8px 0 4px}
input,textarea,select{width:100%;padding:10px;border:1px solid #cfd5e3;border-radius:8px}
.checkbox{display:flex;align-items:flex-start;gap:8px;margin-top:8px}
.lang-switch{font-size:14px}
footer{border-top:1px solid #e6e8ef;border-bottom:none;padding:8px 0}
footer .meta{font-size:13px;color:#555}
.section{padding:30px 0}
h1,h2,h3{line-height:1.3}
pre{white-space:pre-wrap}
code{background:#f1f3f7;padding:2px 4px;border-radius:4px}