:root {
        --bg-color: #1d2b4a; --primary-color: #a7b2ff; --secondary-color: #a7b2ff; --accent-color: #a7b2ff; --text-color: #dce3f3;
        --glass-bg: rgba(255, 255, 255, 0.05); --glass-border: rgba(255, 255, 255, 0.15); --container-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
        --container-radius: 20px; --button-radius: 12px; --input-radius: 12px; --button-text-color: #1d2b4a; --input-bg: rgba(0, 0, 0, 0.2); --font-family: 'Poppins', sans-serif;
    }body::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(125deg, #3a3d98, #6f5a9e, #2c7a9f); background-size: 400% 400%; animation: aurora-flow 20s ease infinite; z-index: -1; } @keyframes aurora-flow { 50% { background-position: 100% 50%; } }