/* === Galaxy background === */
.galaxy-bg{background:radial-gradient(ellipse at top,#1a1d4a 0%,#0a0b1e 45%,#05060f 100%);}
.stars,.stars2,.stars3{position:absolute;inset:0;background-repeat:repeat;}
.stars{background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 80px 120px,#fff,transparent),radial-gradient(2px 2px at 160px 60px,#fff,transparent),radial-gradient(1px 1px at 220px 200px,#fff,transparent);background-size:250px 250px;animation:drift 80s linear infinite;opacity:.7;}
.stars2{background-image:radial-gradient(1px 1px at 50px 80px,#d4af37,transparent),radial-gradient(2px 2px at 200px 150px,#fff,transparent),radial-gradient(1px 1px at 300px 50px,#7b2cbf,transparent);background-size:400px 400px;animation:drift 120s linear infinite;opacity:.5;}
.stars3{background-image:radial-gradient(2px 2px at 100px 200px,#3a86ff,transparent),radial-gradient(1px 1px at 350px 100px,#ff4d8d,transparent);background-size:600px 600px;animation:drift 200s linear infinite;opacity:.4;}
@keyframes drift{from{background-position:0 0}to{background-position:-1000px 500px}}

.nebula{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;animation:float 20s ease-in-out infinite;}
.nebula-1{width:500px;height:500px;background:radial-gradient(circle,#7b2cbf,transparent);top:-100px;left:-100px;}
.nebula-2{width:600px;height:600px;background:radial-gradient(circle,#3a86ff,transparent);bottom:-200px;right:-150px;animation-delay:-7s;}
.nebula-3{width:400px;height:400px;background:radial-gradient(circle,#ff4d8d,transparent);top:40%;left:60%;animation-delay:-14s;}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-40px) scale(1.1)}}

/* === Solar system === */
.solar-system{position:relative;width:500px;height:500px;margin:auto;}
.orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(212,175,55,.15);border-radius:50%;transform:translate(-50%,-50%);}
.orbit-1{width:180px;height:180px;animation:spin 12s linear infinite;}
.orbit-2{width:280px;height:280px;animation:spin 22s linear infinite reverse;}
.orbit-3{width:400px;height:400px;animation:spin 35s linear infinite;}
.planet{position:absolute;top:-8px;left:50%;width:16px;height:16px;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 20px currentColor;}
.p1{background:#d4af37;color:#d4af37;}
.p2{background:#3a86ff;color:#3a86ff;}
.p3{background:#ff4d8d;color:#ff4d8d;}
.sun{position:absolute;top:50%;left:50%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#fff5d6,#d4af37);transform:translate(-50%,-50%);box-shadow:0 0 80px #d4af37,0 0 160px rgba(212,175,55,.5);animation:pulse 3s ease-in-out infinite;}
@keyframes spin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes pulse{0%,100%{box-shadow:0 0 80px #d4af37,0 0 160px rgba(212,175,55,.5)}50%{box-shadow:0 0 120px #d4af37,0 0 220px rgba(212,175,55,.7)}}

/* === Glass cards === */
.glass{background:rgba(255,255,255,.04);backdrop-filter:blur(14px);border:1px solid rgba(212,175,55,.18);transition:all .35s;}
.glass:hover{border-color:rgba(212,175,55,.5);transform:translateY(-6px);box-shadow:0 20px 60px rgba(212,175,55,.18);}

/* === Marquee === */
.marquee{display:flex;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}
.marquee-track{display:flex;gap:3rem;animation:scroll 30s linear infinite;white-space:nowrap;}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* === Reveal === */
.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease;}
.reveal.in{opacity:1;transform:none;}

/* === Breaking label === */
.breaking{background:linear-gradient(90deg,#ef4444,#dc2626);animation:blink 1.5s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.6}}

.gold-text{background:linear-gradient(135deg,#f5d76e,#d4af37,#a8841f);-webkit-background-clip:text;background-clip:text;color:transparent;}