:root{
--purple:#5B2C82;
--lilac:#CDB4FF;
--gold:#D4AF37;
--bg-grad: linear-gradient(135deg,var(--purple), #7A4EB3 40%, var(--lilac));
--glass: rgba(255,255,255,0.06);
--radius: 14px;
--max-width:1100px;
font-family:'Inter', sans-serif;
color:#fff;
}
body{margin:0; background:var(--bg-grad);}
.site{max-width:var(--max-width); margin:0 auto; padding:20px;}
header{display:flex;justify-content:space-between;align-items:center;}
.logo{background:var(--glass);padding:10px;border-radius:8px;font-weight:800;color:var(--lilac)}
.title{font-weight:800;font-size:18px}
.subtitle{font-size:12px;color:rgba(255,255,255,0.8)}
nav ul{list-style:none;display:flex;gap:10px;margin:0;padding:0}
nav a{text-decoration:none;color:white;padding:6px 10px;border-radius:6px}
nav a:hover{background:rgba(255,255,255,0.1)}
.cta{background:linear-gradient(90deg,var(--gold),#f3d27a);color:#2b1d00}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}
.hero-left{background:rgba(0,0,0,0.2);padding:20px;border-radius:10px}
.stream-card{background:rgba(0,0,0,0.2);padding:20px;border-radius:10px}
footer{margin-top:20px;display:flex;justify-content:space-between;color:rgba(255,255,255,0.8)}