:root {
    --purple-dark: #13001a;
    --purple-mid: #3a0ca3;
    --purple-light: #7209b7;
    --neon-accent: #f72585;
    --text-main: #f8f9fa;
    --bg-card: rgba(30, 0, 40, 0.6);
}

body {
    background: linear-gradient(135deg, var(--purple-dark) 0%, #000000 100%);
    background-attachment: fixed;
    color: var(--text-main);
    font-family: 'Poppins', sans-serif;
    min-height: 100vh;
}

.glass-card {
    background: var(--bg-card);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(114, 9, 183, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.glass-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(247, 37, 133, 0.2);
    border-color: var(--purple-light);
}
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn 0.8s ease forwards;
}
@keyframes fadeIn {
    to { opacity: 1; transform: translateY(0); }
}
.delay-1 { animation-delay: 0.1s; }
.delay-2 { animation-delay: 0.2s; }
.delay-3 { animation-delay: 0.3s; }
.btn-neon {
    background: linear-gradient(90deg, var(--purple-mid), var(--purple-light));
    border: 1px solid var(--purple-light);
    transition: all 0.3s ease;
}
.btn-neon:hover {
    box-shadow: 0 0 15px var(--neon-accent);
    border-color: var(--neon-accent);
}
#toast.show {
    opacity: 1;
    transform: translate(-50%, -20px);
    pointer-events: none;
}