:root{--deep:#0c74a2;--bright:#21e8e9;--ink:#08283a;--mute:#4a6b7c;--mist:#f2fafc;--line:#cfe6ee;--sun:#ffe27a}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--mist);color:var(--ink);font:1.08rem/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3{font-family:"Iowan Old Style",Palatino,Georgia,serif;line-height:1.1;font-weight:700;margin:0}
a{color:#0a6a99}a:focus-visible{outline:3px solid var(--deep);outline-offset:3px}
.wrap{max-width:68rem;margin:0 auto;padding:0 1.5rem}
header .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1.5rem;padding-top:1rem;padding-bottom:1rem}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-weight:700;font-size:1.1rem}
.brand img{width:2.4rem;height:auto}
nav a{margin-left:1.4rem;text-decoration:none;color:var(--mute);font-weight:500}nav a:hover{color:var(--deep)}
.hero{background:linear-gradient(180deg,#fff 0%,#dff5fa 100%)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;padding-top:3.5rem;padding-bottom:4.5rem}
.hero h1{font-size:clamp(2.6rem,7vw,4.6rem);margin-bottom:1rem}
.hero p{font-size:1.3rem;color:var(--mute);max-width:30rem;margin:0 0 1.8rem}
.emblem{display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(25,220,230,.38),rgba(25,220,230,0) 66%)}
.emblem img{width:min(100%,26rem);height:auto}
.btns{display:flex;flex-wrap:wrap;gap:.8rem}
.btn{background:linear-gradient(135deg,var(--deep),var(--bright));color:#04202e;padding:.85rem 1.5rem;border-radius:2rem;text-decoration:none;font-weight:700}
.btn.alt{background:#fff;border:2px solid var(--deep);color:#0a5f86}
.games{background:linear-gradient(160deg,#052c40,#0a5f86);color:#fff;padding:4.5rem 0}
.games h2{font-size:2.2rem;margin-bottom:1.5rem}
.card{border:1px solid rgba(255,255,255,.28);border-radius:1.2rem;padding:2rem;max-width:40rem;background:rgba(255,255,255,.07)}
.card h3{font-size:1.8rem;margin-bottom:.4rem}.card p{margin:.4rem 0 1.4rem;color:#d6eef5}
.card .btn{background:#fff;color:#06384f}
section.plain{padding:4.5rem 0}section.plain h2{font-size:2.2rem;margin-bottom:1rem}section.plain p{max-width:38rem}
mark{background:var(--sun);color:var(--ink);padding:0 .2em;border-radius:.2em}
footer{border-top:1px solid var(--line);padding:1.8rem 0;color:var(--mute);font-size:.95rem}
footer a{margin-right:1.2rem}
@media(max-width:780px){.hero .wrap{grid-template-columns:1fr}.emblem{order:-1}.emblem img{width:min(70%,16rem)}nav a{margin-left:0;margin-right:1.1rem}}