*{box-sizing:border-box}body{margin:0;background:#080b12;color:#f7f7f8;font-family:Inter,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}main{min-height:70vh}.topbar,.adminbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #242936;background:#0b0f18;position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center}.brand img{width:46px;height:46px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand small{font-size:10px;color:#a9afbd}.brandmark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e32636;font-weight:900}.brandmark.big{margin:auto;width:70px;height:70px;font-size:24px}.topbar nav,.adminbar nav{display:flex;gap:22px;align-items:center}.topbar nav a,.adminbar nav a{font-size:14px;color:#d7dae2}.topbar nav a:hover,.adminbar nav a:hover{color:#fff}.menu{display:none;background:none;color:white;border:0;font-size:26px}.hero{min-height:620px;padding:80px 6vw;display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:center;background:radial-gradient(circle at 20% 30%,#39111d 0,transparent 38%),linear-gradient(135deg,#080b12,#101624)}h1{font-size:clamp(42px,6vw,78px);line-height:1;margin:15px 0}h2{font-size:34px;margin:5px 0 18px}h3{margin:8px 0}.hero p,.page-title p{font-size:18px;color:#b7bdc9;max-width:650px}.pill,.eyebrow,.meta{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:#ff5361}.pill{display:inline-block;padding:8px 12px;background:#2b1117;border:1px solid #6a2530;border-radius:99px}.actions{display:flex;gap:12px;margin-top:28px}.btn{display:inline-block;border:1px solid #343a49;padding:12px 20px;border-radius:8px;background:#151a25;color:#fff;cursor:pointer}.btn.primary{background:#e32636;border-color:#e32636}.screen,.player{aspect-ratio:16/9;background:#020305;border:1px solid #343a49;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px #0008}.screen iframe,.player{width:100%;height:auto;min-height:100%;border:0}.placeholder{display:grid;place-items:center;text-align:center;color:#fff;font-size:28px}.placeholder small{font-size:13px;color:#8f96a5}.section{padding:70px 6vw}.section.dark{background:#0d111a}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.panel,.event{background:#111722;border:1px solid #262c39;border-radius:12px;overflow:hidden}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.cardbody{padding:18px}.cardbody p,.muted{color:#aeb5c2}.event{padding:20px;display:flex;gap:16px}.date{width:62px;text-align:center;color:#ff5361;text-transform:uppercase}.date b{display:block;font-size:32px;color:white}.cta{margin:60px 6vw;padding:45px;display:flex;align-items:center;justify-content:space-between;border-radius:16px;background:linear-gradient(100deg,#3b1118,#141b29)}footer{padding:45px 6vw;background:#05070b;border-top:1px solid #222735;display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;color:#9fa6b4}.page-title{padding:70px 6vw 25px}.page-title h1{font-size:52px}.player-wrap{padding:20px 6vw 70px;max-width:1400px;margin:auto}.article{max-width:900px;margin:auto;padding:0 6vw 80px}.filters,.form-wrap{margin:20px 6vw 40px}.filters{display:flex;gap:10px}.filters input,.filters select,.stack input,.stack textarea,.form-grid input,.form-grid select,.form-grid textarea,.login-card input{background:#0f1420;color:#fff;border:1px solid #303747;border-radius:7px;padding:12px;width:100%}.form-wrap{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.stack label{display:grid;gap:7px;color:#c9ced8}.full{grid-column:1/-1}.success,.error{padding:13px;border-radius:7px;margin-bottom:15px}.success{background:#123b29}.error{background:#4a1720}.contact-grid{padding:20px 6vw 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.panel{padding:24px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle,#31121b,#080b12 55%)}.login-card{width:min(420px,90vw);display:grid;gap:14px;padding:35px;background:#111722;border:1px solid #2b3241;border-radius:15px;text-align:center}.login-card h1{font-size:28px}.adminbar{position:relative;height:auto;min-height:72px}.adminmain{padding:35px 4vw}.adminmain h1{font-size:40px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.stats div{padding:28px;background:#111722;border:1px solid #262c39;border-radius:12px}.stats b{font-size:42px;display:block}.stats span{color:#aeb5c2}.admin-grid{display:grid;grid-template-columns:380px 1fr;gap:24px}.stack{display:grid;gap:13px;height:max-content}.stack textarea{min-height:100px}.settings{max-width:800px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #2a3040;vertical-align:top}th{color:#ff7a85}
@media(max-width:850px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 5vw}.menu{display:block}.topbar nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:15px 0}.topbar nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px;min-height:auto}.grid,.grid.three,.contact-grid,.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.cta,footer{grid-template-columns:1fr;display:grid}.adminbar{display:block;padding:15px}.adminbar nav{flex-wrap:wrap;margin-top:10px;gap:12px}.admin-grid{grid-template-columns:1fr}.filters{flex-direction:column}.page-title h1{font-size:40px}}