:root{--ink:#16204a;--sea1:#5ff0ff;--sea2:#21a7e0;--sea3:#1450b8;--cream:#fff7e6;--gold:#ffd23f}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--sea1),var(--sea2) 40%,var(--sea3));min-height:100vh}
header{text-align:center;padding:32px 16px 8px}header img{width:96px;height:96px;border-radius:22px;border:4px solid var(--ink);box-shadow:0 6px 0 var(--ink)}
header h1{font-size:34px;margin:12px 0 0;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;letter-spacing:.5px}
nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0}nav a{background:var(--gold);color:var(--ink);text-decoration:none;font-weight:800;padding:8px 14px;border:3px solid var(--ink);border-radius:999px;box-shadow:0 4px 0 var(--ink)}
main{max-width:760px;margin:0 auto 48px;background:var(--cream);border:4px solid var(--ink);border-radius:24px;padding:24px 22px;box-shadow:0 8px 0 var(--ink)}
h2{margin-top:28px}h2:first-child{margin-top:0}p,li{line-height:1.55}small{opacity:.75}
form{display:grid;gap:10px}input,textarea,select{font:inherit;padding:10px 12px;border:3px solid var(--ink);border-radius:14px;background:#fff}button{font:inherit;font-weight:800;background:#5be35b;border:3px solid var(--ink);border-radius:16px;padding:12px;box-shadow:0 4px 0 var(--ink);cursor:pointer}
.lang{font-size:14px;opacity:.8}