:root{--space:#030414;--space-2:#090b25;--violet:#8b5cf6;--cyan:#22d3ee;--pink:#ec4899;--starlight:#eef6ff}
html{background:var(--space)}
body{background:radial-gradient(circle at 12% 12%,rgba(139,92,246,.22),transparent 25rem),radial-gradient(circle at 88% 18%,rgba(34,211,238,.16),transparent 28rem),radial-gradient(circle at 45% 85%,rgba(236,72,153,.12),transparent 30rem),linear-gradient(145deg,var(--space),var(--space-2) 55%,#02030d)!important;color:var(--starlight)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.7;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#67e8f9 1px,transparent 1px);background-size:43px 43px,79px 79px;background-position:0 0,21px 17px}
.top,.news-top,.sports-top,.tv-top,.scores-top,.settings-top,header{background:rgba(5,7,28,.74)!important;border-color:rgba(103,232,249,.2)!important;backdrop-filter:blur(18px)}
.brand b,.hero-copy h1,header small{background:linear-gradient(90deg,#fff,#67e8f9,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.hero,.card,.match-card,.channel-card,.game-card,.settings-card,.access-card,.tv-player,.sports-player,.scores-card,.news-card{border-color:rgba(139,92,246,.24)!important;box-shadow:0 18px 50px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.06)}
button,.button,.login,.play-button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
button:hover,.button:hover,button:focus-visible,.button:focus-visible,.channel-card:focus-visible,.match-card:focus-visible,.game-card:focus-visible,a:focus-visible{outline:3px solid var(--cyan)!important;outline-offset:3px;box-shadow:0 0 0 6px rgba(34,211,238,.16),0 0 28px rgba(139,92,246,.48)!important;transform:translateY(-2px) scale(1.015)}
.refresh,.login,.generate,.primary,.watch-btn{background:linear-gradient(135deg,var(--violet),#4f46e5 55%,#0891b2)!important;border:1px solid rgba(255,255,255,.2)!important;color:white!important}
input,select,textarea{background:rgba(3,6,25,.8)!important;border-color:rgba(103,232,249,.2)!important;color:#fff!important}
input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan)!important;border-color:transparent!important;box-shadow:0 0 24px rgba(34,211,238,.2)}
@media(max-width:640px){body:before{background-size:58px 58px,97px 97px}.hero-copy h1{font-size:clamp(2rem,12vw,3.6rem)}}