:root{--neon:#5ce5ff;--mint:#8af6ef;--purple:#ad7dff}
body{background:radial-gradient(circle at 52% 0%,#192b66 0%,transparent 37%),radial-gradient(ellipse at 6% 43%,#133b6c66,transparent 46%),#040c24}
main{max-width:1200px}
header.hero{position:relative;overflow:hidden;border:1px solid #54adff;border-radius:27px;background:linear-gradient(118deg,#0c2149,#181a50 65%,#092345);box-shadow:0 0 23px #246ce352}
header.hero:before{content:"";position:absolute;right:-85px;top:-100px;width:300px;height:300px;border-radius:50%;border:2px solid #a85aff55;box-shadow:0 0 40px #226aff66;pointer-events:none}
header.hero .brand img{width:60px;height:60px;filter:drop-shadow(0 0 9px #459eff)}
header.hero h1{font-size:clamp(28px,5vw,44px)}
.panel{background:linear-gradient(140deg,#112852,#101a3a);border-color:#365e9a;border-radius:20px;box-shadow:0 5px 18px #0003}
.topic,.bubble{background:linear-gradient(140deg,#142957,#111b37);border-color:#436ea0}
.stream{background:#09172f;border-color:#5d7cbd}
button.primary{background:linear-gradient(120deg,#53f1db,#78d1ff);color:#041b30}
.lang button[aria-pressed=true]{background:#5ce5ff;color:#042039}
.nav a{display:inline-flex;align-items:center;min-height:42px;border:1px solid #477eaf;border-radius:12px;padding:8px 13px;color:#c3f8ff;text-decoration:none}
.nav a:hover{border-color:#9fffff}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fff3b2;outline-offset:3px}
@media(max-width:770px){header.hero{padding:16px}.nav a{flex:1 1 138px;justify-content:center}.nav .lang{width:100%}.nav .lang button{flex:1}}