:root{--bg:#0f1318;--panel:#171c22;--text:#eef2f5;--muted:#aeb6bf;--accent:#e43432;--line:#303741}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#2b3036;font-family:Arial,Helvetica,sans-serif;line-height:1.55}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:850px}.site-header{position:fixed;z-index:50;inset:0 0 auto;background:rgba(12,16,21,.82);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand img{height:46px;width:auto;display:block}.nav{display:flex;gap:32px}.nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.09em}.nav a:hover{color:#ef4846}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{min-height:720px;height:100vh;position:relative;display:grid;place-items:center;background:url('images/fons/fon.jpg') center/cover no-repeat;color:#fff;text-align:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(rgba(5,8,12,.45),rgba(5,8,12,.72))}.hero-content{position:relative}.hero-logo{width:min(300px,66vw);filter:drop-shadow(0 12px 20px rgba(0,0,0,.35));margin-bottom:34px}.hero h1{margin:0;text-transform:uppercase;font-size:clamp(38px,6vw,82px);line-height:.98;letter-spacing:.015em;text-shadow:0 5px 24px #000;font-weight:900}.down{display:inline-grid;place-items:center;margin-top:50px;width:52px;height:52px;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;text-decoration:none;font-size:34px}.section{padding:95px 0}.section h2{text-align:center;text-transform:uppercase;margin:0;font-size:34px;letter-spacing:.055em}.rule{width:56px;height:3px;background:var(--accent);margin:18px auto 32px}.lead,.section-copy{text-align:center;max-width:870px;margin:0 auto 42px;color:#606873;font-size:18px}.games{background:#f3f5f7}.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:34px}.filters button{border:0;background:transparent;padding:8px 15px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.05em;color:#777}.filters .active{color:var(--accent)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.game-card{background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.08)}.game-card>img{width:100%;aspect-ratio:462/400;object-fit:cover;display:block}.game-body{padding:26px}.tags{color:var(--accent);font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.game-body h3{font-size:24px;margin:9px 0 12px}.game-body p{color:#66707a;margin:0;font-size:15px}.team{background:#fff}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.team-grid figure{margin:0;text-align:center}.team-grid img{display:block;width:100%;aspect-ratio:270/320;object-fit:cover;filter:saturate(.92)}.team-grid figcaption{padding:14px 5px}.team-grid b{display:block;font-size:17px}.team-grid span{display:block;color:#7c858e;font-size:13px;margin-top:3px}.contact{background:#14191f;color:#fff}.contact .section-copy{color:#aeb7c0}.contact-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:70px}.contact h3{font-size:22px;text-transform:uppercase;letter-spacing:.04em}.contact form{display:grid;gap:13px}.contact input,.contact textarea{width:100%;background:#20262d;border:1px solid #333b45;color:#fff;padding:14px 15px;font:inherit}.contact button{justify-self:start;background:var(--accent);color:#fff;border:0;padding:13px 24px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.details{color:#bec6cd}.details b{color:#fff}footer{background:#0d1115;color:#7d8790;padding:25px 0;text-align:center;font-size:13px}@media(max-width:900px){.game-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.nav{display:none;position:absolute;left:0;right:0;top:76px;background:#10151b;padding:20px;flex-direction:column;text-align:center}.nav.open{display:flex}.menu-btn{display:block}.hero{min-height:620px}.section{padding:70px 0}}@media(max-width:520px){.wrap{width:min(100% - 28px,1180px)}.team-grid{grid-template-columns:1fr 1fr;gap:14px}.team-grid b{font-size:14px}.team-grid span{font-size:11px}.site-header .brand img{height:38px}.hero h1{font-size:42px}}
.form-status{min-height:24px;color:#aeb7c0;font-size:14px;margin-top:2px}.form-status.success{color:#b9e7c6}.form-status.error{color:#ff9c9a}.contact button:disabled{opacity:.6;cursor:wait}