*{box-sizing:border-box}html,body{margin:0;padding:0;background:#07111e;color:#eaf4ff;font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}body{min-height:100vh;background:radial-gradient(circle at 50% 0,#10355c 0,#07111e 42%,#030811 100%)}
.site{width:100%;max-width:1920px;margin:0 auto}.header{width:100%;overflow:hidden;background:#020913}.header img{display:block;width:100%;height:auto;max-height:300px}
.topnav{background:linear-gradient(#0c2a4b,#061321);border-top:2px solid #19baff;border-bottom:2px solid #0a79c8;display:flex;justify-content:center;gap:0;position:relative;z-index:5}
.topnav a{padding:16px 24px;font-weight:700;font-size:15px;border-right:1px solid #173957;white-space:nowrap}.topnav a:hover,.topnav a.active{background:#0b78df;box-shadow:inset 0 -4px #ff263f}
.search{margin-left:15px;display:flex;align-items:center}.search input{width:205px;background:#071525;border:1px solid #2e6d9f;border-radius:4px;padding:9px;color:#fff}.search button{padding:9px 13px;border:0;background:#087fe5;color:#fff;border-radius:4px;margin-left:3px}
.layout{display:grid;grid-template-columns:250px minmax(0,1fr) 250px;gap:14px;padding:14px 18px}.panel{background:linear-gradient(145deg,#08233e,#07111d);border:1px solid #1598ef;border-radius:8px;box-shadow:0 0 10px #001c35;overflow:hidden;margin-bottom:14px}.panel h3{margin:0;padding:11px 13px;font-size:15px;background:linear-gradient(#0b4f87,#09233f);border-bottom:1px solid #148fe8}.menu a{display:block;padding:9px 13px;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}.menu a:hover{background:#0a5fa9}
.login{padding:12px}.login input{width:100%;padding:9px;margin-bottom:8px;background:#071525;border:1px solid #24577e;border-radius:4px;color:#fff}.btn{display:inline-block;border:0;border-radius:5px;padding:10px 16px;background:#0788ee;color:#fff;font-weight:bold;cursor:pointer}.btn.red{background:#ed233d}.muted{color:#a8c1d8;font-size:13px}
.slider{position:relative;border:2px solid #1598ef;border-radius:9px;overflow:hidden;background:#030914}.slider img{display:block;width:100%;height:auto;aspect-ratio:1200/390;object-fit:contain}.dots{text-align:center;padding:5px;background:#03101d}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#dbe9f4;margin:0 4px}.dot.on{background:#ff2342}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.tile{min-height:126px;border:1px solid #1799ed;border-radius:8px;padding:18px;display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#071c32,#0b4b83)}.tile.red{background:linear-gradient(135deg,#210a13,#b50f2a)}.tile h2{margin:0 0 6px;font-size:21px}.tile p{margin:0 0 12px;color:#d0e5f6;font-size:13px}.contentgrid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-top:14px}.news{background:#f4f8fc;color:#10243a;border-radius:7px;overflow:hidden}.news h2,.about h2{margin:0;padding:10px 14px;background:linear-gradient(#0b4f87,#09233f);color:#fff;font-size:16px}.newsitem{padding:14px;border-bottom:1px solid #c9d8e5;display:flex;gap:12px}.newsitem img{width:105px;height:78px;object-fit:cover;border-radius:5px;background:#102b45}.newsitem h3{margin:0 0 4px;font-size:16px}.about{background:#f4f8fc;color:#10243a;border-radius:7px;overflow:hidden}.aboutbody{padding:14px;display:flex;gap:14px}.aboutbody img{width:46%;height:auto;object-fit:contain}.aboutbody p{margin-top:0;line-height:1.4;font-size:14px}.stats{padding:12px}.stats div{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.shout{padding:10px}.shoutitem{border-bottom:1px solid rgba(255,255,255,.1);padding:8px 0;font-size:13px}.shoutitem b{color:#48b7ff}.shout form input,.shout form textarea{width:100%;margin-bottom:7px;padding:8px;background:#071525;color:#fff;border:1px solid #2c638a;border-radius:4px}.shopcard{text-align:center;padding:10px}.shopcard img{width:100%;height:auto;object-fit:contain}.downloads a{display:block;padding:7px 11px;font-size:13px}
.footer{margin-top:0;border-top:2px solid #168fe7;background:#061321;padding:18px;text-align:center;color:#bcd1e4}.footer .links{margin-bottom:8px}.footer a{margin:0 8px}.footer strong{color:#fff}
@media(max-width:1050px){.layout{grid-template-columns:210px minmax(0,1fr) 210px}.topnav a{padding:13px 12px;font-size:13px}.search{display:none}}
@media(max-width:820px){.layout{grid-template-columns:1fr}.left,.right{display:none}.tiles{grid-template-columns:1fr}.contentgrid{grid-template-columns:1fr}.topnav{overflow-x:auto;justify-content:flex-start}.topnav a{padding:12px 14px}.header img{min-height:130px;object-fit:cover;object-position:center}}