/* Tailwind Configuration - Custom Properties */
:root {
    --primary: #d1bcff;
    --primary-container: #7000ff;
    --on-primary-container: #ddcdff;
    --secondary: #d3fbff;
    --surface: #13131b;
    --surface-container-lowest: #0d0d16;
}

/* Custom Tailwind Classes handled via Config Script in original */
/* We keep the custom CSS styles here */

body {
    background-color: #0A0A12;
    color: #e4e1ed;
    overflow-x: hidden;
}

.glass-card {
    background: rgba(27, 27, 35, 0.4);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(209, 188, 255, 0.1);
}

.neon-border-primary {
    box-shadow: 0 0 15px rgba(209, 188, 255, 0.3);
    border: 1px solid rgba(209, 188, 255, 0.5);
}

.neon-glow-text {
    text-shadow: 0 0 10px rgba(209, 188, 255, 0.8), 0 0 20px rgba(0, 238, 252, 0.4);
}

.floating-note {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(10deg); }
}

.pulse-glow {
    animation: pulse-glow 4s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.7; }
}

.hero-image-zoom {
    animation: hero-zoom 20s linear infinite alternate;
}

@keyframes hero-zoom {
    from { transform: scale(1); }
    to { transform: scale(1.1); }
}

/* Redefine Tailwind Spacing/Fonts for plain CSS if needed, 
   but original code uses Tailwind inline, so these are helper hooks */