@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500&display=swap');
        
        :root {
            --tw-color-primary: #1e3a8a;
        }
        
        * {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }
        
        .tailwind-ready * {
            transition-duration: 300ms;
        }
        
        /* Custom animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .animate-in {
            animation: fadeInUp 0.6s ease forwards;
        }
        
        .hero-bg {
            background: linear-gradient(92deg, #1e3a8a 0%, #3b82f6 100%);
        }
        
        .card-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .card-hover:hover {
            transform: translateY(-8px);
            box-shadow: 25px 25px 30px -10px rgb(30 58 138 / 0.15);
        }
        
        .nav-link {
            position: relative;
        }
        
        .nav-link:after {
            content: '';
            position: absolute;
            width: 0;
            height: 3px;
            bottom: -2px;
            left: 0;
            background-color: #1e3a8a;
        }
        
        .nav-link:hover:after {
            width: 100%;
        }
        
        /* Login page specific */
        .login-container {
            animation: fadeInUp 0.8s ease forwards;
        }
        
        /* Mobile menu animation */
        .mobile-menu {
            animation: slideDown 0.3s ease forwards;
        }
        
        @keyframes slideDown {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        /* Section header underline */
        .section-header {
            position: relative;
        }
        
        .section-header:after {
            content: '';
            position: absolute;
            width: 60px;
            height: 4px;
            background: #1e3a8a;
            bottom: -6px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 9999px;
        }