@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

* { margin:0; padding:0; box-sizing:border-box; font-family:'Orbitron',sans-serif; }
body { color:#fff; overflow-x:hidden; min-height:100vh; background:#000; }

/* Fundal video + fallback imagine */
#bg-video { position:fixed; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
body { background: url('assets/background.jpg') no-repeat center center fixed; background-size:cover; }
.overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(40,0,70,0.55); backdrop-filter:blur(6px); z-index:-1; }

/* Stele animate */
.star { position:absolute; border-radius:50%; opacity:0.8; z-index:0; animation-name:starFall; animation-timing-function:linear; animation-iteration-count:infinite; }
@keyframes starFall { 0% {transform:translateY(0) translateX(0); opacity:0;} 10% {opacity:0.5;} 50% {opacity:1;} 100% {transform:translateY(600px) translateX(var(--xShift)); opacity:0;} }

/* Bara navigație */
nav.main-nav { position:fixed; top:0; left:0; width:100%; height:90px; display:flex; align-items:center; justify-content:center; background:rgba(15,0,35,0.45); backdrop-filter:blur(14px); border-bottom:2px solid rgba(162,0,255,0.35); z-index:10; }
.nav-left { position:absolute; left:60px; top:50%; transform:translateY(-50%); }
.nav-logo { width:130px; filter:drop-shadow(0 0 10px #a200ff); }
.nav-center { display:flex; gap:45px; }
nav.main-nav a { color:#d4d4ff; text-decoration:none; font-size:18px; font-weight:bold; text-shadow:0 0 8px #8a00ff,0 0 16px #00bfff; transition:0.3s; }
nav.main-nav a:hover { color:#ff00ff; text-shadow:0 0 20px #ff00ff,0 0 30px #00bfff; }

/* Sidebar stânga */
.sidebar-left { position:absolute; top:110px; left:60px; display:flex; flex-direction:column; gap:20px; z-index:5; }

/* Login + Top donatori */
.login-container, .top-donatori { width:220px; background:rgba(20,0,40,0.6); border:1px solid rgba(162,0,255,0.3); border-radius:12px; padding:15px; backdrop-filter:blur(10px); box-shadow:0 0 15px rgba(162,0,255,0.4); color:#fff; }
.login-form input { width:100%; background:rgba(255,255,255,0.1); border:1px solid rgba(162,0,255,0.3); color:#fff; padding:8px; border-radius:6px; margin-bottom:8px; }
.login-form button { width:100%; background:linear-gradient(90deg,#a200ff,#ff00cc); color:#fff; border:none; border-radius:6px; padding:8px; font-weight:bold; cursor:pointer; transition:0.3s; }
.login-form button:hover { transform:scale(1.05); box-shadow:0 0 10px #ff00ff; }

/* Top donatori poziționare */
#top-donatori-azi { top:270px; }
#top-donatori-total { top:500px; }

/* Hero */
.hero { position:relative; height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; z-index:2; }
.hero h1 { font-size:3em; text-shadow:0 0 25px #a200ff,0 0 50px #00bfff; margin-bottom:30px; }
.join-btn { background:linear-gradient(90deg,#a200ff,#ff00cc); padding:15px 45px; border-radius:50px; color:#fff; text-decoration:none; font-size:1.2em; font-weight:bold; box-shadow:0 0 35px rgba(162,0,255,0.6); transition:0.3s; }
.join-btn:hover { transform:scale(1.1); box-shadow:0 0 55px rgba(255,0,255,0.9); }

/* Footer copyright */
.footer { position:fixed; bottom:0; left:0; width:100%; background:rgba(15,0,35,0.7); color:#fff; text-align:center; padding:10px 0; font-size:14px; text-shadow:0 0 5px #a200ff; backdrop-filter:blur(6px); z-index:20; }