/* 1. GLOBAL RESET & FONT FIX */
body { 
/* Modern Sans-Serif Stack: Prevents fallback to Serif */
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 
margin: 0; 
min-height: 100vh;
background-color: #1a1a1a; 
color: #fff;
display: flex;
justify-content: center;
align-items: center;
overflow-x: hidden;
}

/* 2. VIDEO BACKGROUND: Fixed & Centered */
#bg-video {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -2; /* Deep background */
transform: translate(-50%, -50%); /* Keeps video center-anchored */
object-fit: cover;
}

/* Dark Overlay to make text pop */
body::after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); 
z-index: -1;
}

/* 3. LAYOUT WRAPPER */
.main-wrapper {
position: relative;
z-index: 10;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
gap: 20px; 
padding: 40px 20px;
}
.ad-space {
width: 100%;
max-width: 440px;
/* Use a fixed min-height so the space exists before the ad loads */
min-height: 116px; 
margin: 0 auto;
background: rgba(255,255,255,0.05);
border-radius: 14px;
overflow: hidden;

/* Standard padding instead of flexbox */
padding: 8px;
box-sizing: border-box;
}

/* Ensure the ad itself doesn't have sharp background colors peeking out */
.ad-space ins {
border-radius: 8px; 
overflow: hidden;
}

.container { 
max-width: 440px; 
width: 100%;
padding: 40px; 
background: rgba(40, 40, 40, 0.85); 
backdrop-filter: blur(15px); 
-webkit-backdrop-filter: blur(15px);
border: 1px solid rgba(255, 255, 255, 0.2); 
border-radius: 24px; 
box-shadow: 0 20px 50px rgba(0,0,0,0.4);
text-align: center;
box-sizing: border-box;
}

h1 { margin-bottom: 8px; font-size: 32px; font-weight: 800; letter-spacing: -0.5px; }
p { color: rgba(255, 255, 255, 0.8); margin-bottom: 35px; font-size: 16px; font-weight: 300; }

.links { display: flex; flex-direction: column; gap: 18px; }

a.nav-link { 
text-decoration: none; 
color: #fff; 
background: rgba(255, 255, 255, 0.1);
padding: 16px 20px; 
border-radius: 14px; 
font-weight: 600; 
font-size: 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}

a.nav-link:hover { background: #fff; color: #111; transform: scale(1.03); }

/* Vivid Void Specialized Hover */
a.nav-link[href*="theinsanedaily"]:hover {
background: #FF00FF;
color: #000;
box-shadow: 0 0 20px #FF00FF;
}

footer { margin-top: 20px; font-size: 12px; display: flex; gap: 20px; }
footer a { color: rgba(255, 255, 255, 0.5); text-decoration: none; }
footer a:hover { text-decoration: underline; color: #fff; }