*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Comic Sans MS','Comic Sans',cursive;background:#fdfdfd;color:#222;text-align:center}
.container{max-width:900px;margin:0 auto;padding:0 16px}
.header{padding:16px 0;border-bottom:2px solid #ccc;display:flex;align-items:center;justify-content:space-between}
h1{margin:0;font-size:2rem}
.muted{color:#666}
.lang-switch .btn{margin-left:8px}
.hero{padding:32px 0}
.hero h2{font-size:1.8rem;margin:0 0 8px}
.hero-sub{color:#444;margin:0 0 20px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 10px;justify-content:center}
.btn{padding:10px 16px;border-radius:8px;border:2px solid transparent;cursor:pointer;text-decoration:none;font-weight:bold;display:inline-block}
.btn.primary{background:#0a66c2;color:#fff}
.btn.primary:hover{background:#1f9aff}
.btn.outline{border-color:#0a66c2;color:#0a66c2;background:transparent}
.btn.outline:hover{background:#0a66c2;color:#fff}
.btn.ghost{border-color:#ccc;color:#444;background:#fff}
.btn.ghost:hover{border-color:#0a66c2;color:#0a66c2}
.contacts{margin:10px 0;font-size:1rem;color:#333}
.card{background:#f0f6ff;border:1px solid #c8d8ff;border-radius:12px;padding:18px;margin:20px auto;text-align:center}
.card ul{list-style:none;padding:0}
.card li{margin:6px 0}
.footer{margin-top:28px;padding:16px 0;border-top:1px solid #ccc;color:#555;text-align:center}