@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
        
        body {
            font-family: 'Poppins', sans-serif;
        }
        
        .geometric-bg {
            background: linear-gradient(135deg, #3182CE 0%, #2B6CB0 25%, #E53E3E 75%, #C53030 100%);
        }
        
        .card-glow {
            box-shadow: 
                0 0 60px rgba(49, 130, 206, 0.3),
                0 20px 40px rgba(0, 0, 0, 0.1);
        }
        
        .neon-border {
            border: 2px solid transparent;
            background: linear-gradient(white, white) padding-box,
                        linear-gradient(90deg, #3182CE, #F6E05E, #E53E3E) border-box;
        }
        
        .pulse-neon {
            animation: pulse-neon 2s ease-in-out infinite alternate;
        }
        
        @keyframes pulse-neon {
            from {
                box-shadow: 
                    0 0 20px rgba(49, 130, 206, 0.6),
                    0 0 40px rgba(49, 130, 206, 0.4),
                    0 0 60px rgba(49, 130, 206, 0.2);
            }
            to {
                box-shadow: 
                    0 0 30px rgba(229, 62, 62, 0.6),
                    0 0 60px rgba(229, 62, 62, 0.4),
                    0 0 90px rgba(229, 62, 62, 0.2);
            }
        }
        
        .slide-up {
            animation: slideUp 0.8s ease-out forwards;
            opacity: 0;
            transform: translateY(30px);
        }
        
        @keyframes slideUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .input-glow:focus {
            box-shadow: 
                0 0 0 3px rgba(246, 224, 94, 0.3),
                0 0 20px rgba(246, 224, 94, 0.2);
        }
        
        .btn-gradient {
            background: linear-gradient(135deg, #3182CE 0%, #2B6CB0 25%, #E53E3E 75%, #C53030 100%);
            background-size: 200% 200%;
            animation: gradientShift 3s ease infinite;
        }
        
        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        
        .floating-shapes {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            pointer-events: none;
        }
        
        .shape {
            position: absolute;
            opacity: 0.1;
            animation: float 6s ease-in-out infinite;
        }
        
        .shape:nth-child(1) {
            top: 20%;
            left: 10%;
            animation-delay: 0s;
        }
        
        .shape:nth-child(2) {
            top: 60%;
            right: 15%;
            animation-delay: 2s;
        }
        
        .shape:nth-child(3) {
            bottom: 20%;
            left: 20%;
            animation-delay: 4s;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            33% { transform: translateY(-20px) rotate(120deg); }
            66% { transform: translateY(10px) rotate(240deg); }
        }
        
        .text-gradient {
            background: linear-gradient(135deg, #3182CE, #E53E3E);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .icon-bounce {
            animation: iconBounce 2s ease-in-out infinite;
        }
        
        @keyframes iconBounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }