*{ margin:0; padding:0; box-sizing:border-box; } body{ width:100%; min-height:100vh; background:#050505; overflow:hidden; display:flex; align-items:center; justify-content:center; position:relative; font-family:'Montserrat', sans-serif; color:white; } /* Fondo glow */ .background-glow{ position:absolute; width:800px; height:800px; background:radial-gradient(circle, rgba(57,255,20,0.18) 0%, rgba(0,0,0,0) 70%); filter:blur(40px); animation:pulse 4s infinite ease-in-out; } @keyframes pulse{ 0%{ transform:scale(1); opacity:0.7; } 50%{ transform:scale(1.1); opacity:1; } 100%{ transform:scale(1); opacity:0.7; } } .container{ width:100%; padding:40px; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; position:relative; z-index:2; } .logo-box{ margin-bottom:35px; } .logo{ width:180px; filter: drop-shadow(0 0 8px #39ff14) drop-shadow(0 0 18px #39ff14); transition:0.4s; } .logo:hover{ transform:scale(1.05); } .mini-title{ color:#39ff14; letter-spacing:6px; font-size:0.8rem; font-weight:600; text-transform:uppercase; } h1{ font-family:'Orbitron', sans-serif; font-size:clamp(3rem, 8vw, 7rem); font-weight:900; margin-top:15px; color:white; text-shadow: 0 0 10px rgba(57,255,20,0.7), 0 0 20px rgba(57,255,20,0.5), 0 0 40px rgba(57,255,20,0.3); letter-spacing:4px; } .subtitle{ margin-top:15px; color:#39ff14; font-size:1.2rem; font-weight:600; letter-spacing:2px; } .description{ max-width:700px; margin-top:30px; color:#d8d8d8; font-size:1rem; line-height:1.8; font-weight:300; } .description span{ color:#39ff14; font-weight:600; } .line{ width:180px; height:2px; background:#39ff14; margin:40px auto; box-shadow: 0 0 10px #39ff14, 0 0 20px #39ff14; } .coming{ font-family:'Orbitron', sans-serif; color:white; font-size:1rem; letter-spacing:5px; text-transform:uppercase; opacity:0.8; } /* Responsive */ @media(max-width:768px){ .logo{ width:130px; } .description{ font-size:0.95rem; padding:0 10px; } .coming{ letter-spacing:3px; font-size:0.85rem; } }