/* --- EPIC TECH AI // CINEMATIC TRIBUTE PROTOCOL --- */
:root {
    --cyan: #00f2ff;
    --magenta: #ff00ff;
    --white: #ffffff;
    --deep-bg: #050505;
}

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

body {
    background-color: var(--deep-bg);
    color: var(--white);
    overflow: hidden;
}

/* --- THE CINEMATIC OVERLAY --- */
#setup-overlay {
    background: radial-gradient(circle at center, #0a1012 0%, #050505 100%);
}

#drop-zone {
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 242, 255, 0.1);
    background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 100%);
}

#drop-zone:hover {
    border-color: var(--cyan);
    background: rgba(0, 242, 255, 0.05);
}

/* --- THE SPATIAL INTERFACE --- */
#interface {
    background: radial-gradient(circle at 50% 50%, #0d1a1d 0%, #050505 100%);
}

/* High-Clarity HUD Text */
h1, h2, #active-tag {
    text-shadow: 0 0 20px rgba(0, 242, 255, 0.4), 0 0 40px rgba(0, 242, 255, 0.2);
}

#active-tag {
    letter-spacing: -0.02em;
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5));
}

/* The Central Pulse Divider */
.bg-cyan-500 {
    animation: glow-pulse 3s infinite ease-in-out;
}

@keyframes glow-pulse {
    0%, 100% { opacity: 0.3; transform: scaleX(0.8); }
    50% { opacity: 1; transform: scaleX(1.2); box-shadow: 0 0 25px var(--cyan); }
}

/* Scanline Polish */
body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 1px,
        rgba(255, 255, 255, 0.02) 1px,
        rgba(255, 255, 255, 0.02) 2px
    );
    pointer-events: none;
    z-index: 100;
}

/* Large Button Glow */
#launch-btn:hover {
    box-shadow: 0 0 60px rgba(255, 255, 255, 0.2);
    border-color: var(--white);
    background: white;
    color: black;
}