World-Doom-Flat - Univers Nou
  
    body {
	margin: 0;
	padding: 0;
	font-family: "Segoe UI", sans-serif;
	background: radial-gradient(ellipse at top, #0a0a0a 0%, #000000 100%);
	color: #ffffff;
	overflow-x: hidden;
}

/* Bara de anunț SUS */
.announcement-bar {
	position: fixed;
	top: 0;
	width: 100%;
	background: linear-gradient(90deg, #111, #1e1e1e, #111);
	border-bottom: 2px solid gold;
	padding: 10px 0;
	z-index: 9999;
	box-shadow: 0 2px 12px rgba(255, 215, 0, 0.25);
	overflow: hidden;
}

.scrolling-text {
	display: inline-block;
	white-space: nowrap;
	animation: scrollLeft 25s linear infinite;
	font-size: 14px;
	color: gold;
	text-shadow: 0 0 5px gold, 0 0 10px #ffcc00;
	font-weight: bold;
}

@keyframes scrollLeft {
	0% {
		transform: translateX(100%);
	}
	
	100% {
		transform: translateX(-100%);
	}
}

/* Stele animate fundal */
.stars {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 0;
	pointer-events: none;
}

.stars::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('https://raw.githubusercontent.com/malven/stars.css/main/stars.png');
	animation: moveStars 100s linear infinite;
	opacity: .4;
}

@keyframes moveStars {
	from {
		transform: translateY(0);
	}
	
	to {
		transform: translateY(-2000px);
	}
}

/* Compensare conținut pt header fix */
.spacer {
	height: 40px;
}






  
  
  Banner Social Galactic
  
    body {
      margin: 0;
      padding-bottom: 60px;
      font-family: Arial, sans-serif;
    }

    .linie-rulanta {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 10px 0;
      overflow: hidden;
      z-index: 9999;
      background: url('https://cdn.pixabay.com/photo/2022/02/08/18/47/space-7001464_1280.jpg') repeat-x;
      background-size: cover;
      animation: bgMove 60s linear infinite;
      border-top: 2px solid #3fa36b;
      box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.7);
    }

    .linie-rulanta::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent 60%);
      z-index: 1;
    }

    @keyframes bgMove {
      0% { background-position: 0 0; }
      100% { background-position: -1600px 0; }
    }

    .content-rulant {
      display: inline-flex;
      white-space: nowrap;
      padding-left: 100%;
      animation: scrollLeft 22s linear infinite;
      align-items: center;
      position: relative;
      z-index: 2;
      padding-right: 20px;
    }

    .anunt {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-right: 40px;
      text-decoration: none;
      color: #fff;
      text-shadow: 0 0 6px #00ffe7;
      font-weight: bold;
      transition: color 0.3s ease, text-shadow 0.3s ease;
    }

    .anunt img {
      width: 16px;
      height: 16px;
      border-radius: 50%;
      object-fit: cover;
      box-shadow: 0 0 4px #3fa36b;
    }

    .anunt span {
      font-size: 14px;
    }

    .anunt:hover span {
      color: #66ccff;
      text-shadow: 0 0 8px #66ccff, 0 0 14px #ffffff;
    }

    @keyframes scrollLeft {
      0% { transform: translateX(0); }
      100% { transform: translateX(-100%); }
    }

    @media (max-width: 600px) {
      .anunt span {
        font-size: 12px;
      }
      .anunt {
        margin-right: 25px;
      }
    }
  





  
    
      
      YouTube - Abonează-te!
    
    
      
      Facebook - Urmărește-ne!
    
    
      
      TikTok - Clipuri exclusive!
    
    
      
      Instagram - Explorează!
    
  











  
  Flash Story Promoțional
  
  
    .flash-story {
      position: fixed;
      bottom: 20px;
      right: 20px;
      width: 300px;
      max-width: 90vw;
      background: linear-gradient(to bottom right, #1f1f1f, #0c3d3d);
      border-radius: 15px;
      box-shadow: 0 0 15px #00ffcc88;
      overflow: hidden;
      z-index: 99999;
      display: none;
      animation: fadeIn 0.6s ease;
    }

    .flash-header {
      background: #0b1e13;
      padding: 10px;
      color: #8ee39b;
      font-weight: bold;
      font-size: 15px;
      text-align: center;
      border-bottom: 1px solid #3fa36b;
    }

    .flash-content iframe {
      width: 100%;
      height: 170px;
      border: none;
    }

    .flash-close {
      position: absolute;
      top: 6px;
      right: 10px;
      color: #fff;
      font-size: 18px;
      cursor: pointer;
      font-weight: bold;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(50px); }
      to { opacity: 1; transform: translateY(0); }
    }
  





  
    Promo World-Doom-Flat
    ×
  
  
    
    
  



  function closeFlash() {
    document.getElementById("flashStory").style.display = "none";
    sessionStorage.setItem("flashClosed", "1");
  }

  window.addEventListener("load", () => {
    if (!sessionStorage.getItem("flashClosed")) {
      const box = document.getElementById("flashStory");
      box.style.display = "block";
      setTimeout(() => {
        closeFlash();
      }, 20000); // închidere automată după 20 secunde
    }
  });











  #donatii-bar {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 95%;
    max-width: 800px;
    background: url('https://images.unsplash.com/photo-1478760329108-5c3ed9d495a1?auto=format&fit=crop&w=1400&q=80') center / cover no-repeat;
    color: #fff;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
    padding: 20px;
    font-family: 'Segoe UI', sans-serif;
    z-index: 9999;
  }

  #donatii-bar h2 {
    text-align: center;
    color: #FFD700;
    margin-bottom: 10px;
    font-size: 20px;
    text-shadow: 0 0 6px rgba(255, 215, 0, 0.6);
  }

  #donatii-bar p {
    text-align: center;
    font-size: 15px;
    margin: 5px 0;
  }

  .progress-container {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    overflow: hidden;
    height: 22px;
    margin: 10px 0;
  }

  .progress-bar {
    width: 0%;
    height: 100%;
    background: linear-gradient(to right, #5dfc03, #fcd303);
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
    color: #000;
    transition: width 1s ease-in-out;
  }

  .donate-button {
    background: #FFD700;
    color: #000;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: bold;
    display: block;
    width: fit-content;
    margin: 12px auto 0;
    text-decoration: none;
    box-shadow: 0 0 10px #FFD700;
    transition: background 0.3s ease;
  }

  .donate-button:hover {
    background: #ffc400;
  }

  #thankYouMsg {
    display: none;
    text-align: center;
    color: #FFD700;
    font-weight: bold;
    margin-top: 10px;
    animation: fadeIn 1s ease-in-out;
  }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 600px) {
    #donatii-bar {
      padding: 15px;
    }
    #donatii-bar h2 {
      font-size: 18px;
    }
    .donate-button {
      font-size: 14px;
    }
  }



  🌍 Noetik are nevoie de tine
  Ținta: 25.000 RON
  Strânși: 0 RON  
    | 0 €  
    | 0 £  
    | 0 $
  
  
    0%
  
  ✅ Donează Acum
  💖 Mulțumim pentru sprijinul tău! 🌟



  const sumaStransaRON = 9800;
  const tintaRON = 25000;
  const cursEUR = 4.95;
  const cursUSD = 4.55;
  const cursGBP = 5.75;

  const procent = Math.min(100, Math.round((sumaStransaRON / tintaRON) * 100));
  document.getElementById("progressBar").style.width = procent + "%";
  document.getElementById("progressBar").innerText = procent + "%";

  document.getElementById("sumaRON").innerText = sumaStransaRON.toLocaleString("ro-RO");
  document.getElementById("sumaEUR").innerText = Math.round(sumaStransaRON / cursEUR);
  document.getElementById("sumaGBP").innerText = Math.round(sumaStransaRON / cursGBP);
  document.getElementById("sumaUSD").innerText = Math.round(sumaStransaRON / cursUSD);

  function afiseazaMultumire() {
    const el = document.getElementById("thankYouMsg");
    el.style.display = "block";
    setTimeout(() => {
      el.style.display = "none";
    }, 6000);
  }