:root {
    --white: #ffffff;
    --navy: #1a1a2e;
}

* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
}

body { 
    background: var(--navy); 
    color: var(--white); 
    font-family: 'DM Sans', sans-serif; 
    min-height: 100vh; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    padding: 60px 20px; 
}

.vsl-container { max-width: 800px; width: 100%; text-align: center; }
.vsl-alert { display: inline-block; background: rgba(255,255,255,0.1); color: var(--white); padding: 6px 16px; border-radius: 100px; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 24px; }
.vsl-headline { font-size: clamp(1.8rem, 4vw, 2.5rem); margin-bottom: 40px; line-height: 1.2; font-weight: 800; }
.vsl-video { display: block; margin: 0 auto; width: 100%; box-shadow: 0 20px 40px rgba(0,0,0,0.5); border-radius: 12px; overflow: hidden; }

/* Footer VSL */
.site-footer { margin-top: auto; padding-top: 80px; text-align: center; font-size: 12px; color: rgba(255,255,255,0.5); width: 100%; max-width: 800px; }
.disclaimer { margin-bottom: 20px; line-height: 1.6; text-align: justify; }
.footer-links { margin-bottom: 20px; }
.footer-links a { color: rgba(255,255,255,0.8); text-decoration: none; margin: 0 10px; transition: color 0.3s; }
.footer-links a:hover { color: var(--white); }

@media (max-width: 640px) {
    body { padding: 30px 20px; }
    .vsl-headline { font-size: 1.5rem; margin-bottom: 24px; }
    .site-footer { padding-top: 50px; }
}