:root {
    --color-fondo: #0f172a;
    --color-texto: #e2e8f0;
    --color-acento: #00e5ff;
    --color-boton: #22c55e;
}

body {
    font-family: 'Segoe UI', sans-serif;
    background-color: var(--color-fondo);
    color: var(--color-texto);
    margin: 0; padding: 0; text-align: center;
}

.container { max-width: 500px; margin: 0 auto; padding: 20px; }

h1 { font-size: 2.2rem; margin-bottom: 10px; }
.resaltado { color: var(--color-acento); text-shadow: 0 0 10px rgba(0,229,255,0.4); }
.top-tag { color: var(--color-acento); font-weight: bold; font-size: 0.8rem; margin-bottom: -10px; }
.subtitulo { font-size: 1.1rem; opacity: 0.9; margin-bottom: 25px; }

.video-promo { width: 100%; border-radius: 15px; border: 1px solid #334155; }
.caption { font-size: 0.9rem; color: #94a3b8; margin-top: 10px; }

.lista-poder { list-style: none; padding: 15px; background: rgba(255,255,255,0.05); border-radius: 10px; display: inline-block; text-align: left; }
.lista-poder li { margin-bottom: 10px; }

.cta-section { background: #1e293b; padding: 20px; border-radius: 20px; margin-top: 25px; border: 1px solid #334155; }
.grupo-input input, textarea { width: 90%; padding: 15px; margin-bottom: 15px; border-radius: 8px; border: none; background: #334155; color: white; font-size: 1rem; }

.btn-futuro { background: var(--color-boton); color: white; width: 100%; padding: 18px; border: none; border-radius: 50px; font-size: 1.2rem; font-weight: bold; cursor: pointer; box-shadow: 0 0 15px rgba(34,197,94,0.3); }
.oculto { display: none; }
.check-icon { font-size: 3rem; }