body {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(160deg, #0d0d1f 0%, #16103a 45%, #0a1628 100%) !important;
            background-attachment: fixed !important;
            position: relative;
            overflow: hidden;
        }

        /* Ambient orbs */
        body::before {
            content: '';
            position: fixed;
            top: -20%;
            right: -10%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(96, 165, 250, 0.12) 0%, transparent 70%);
            border-radius: 50%;
            pointer-events: none;
            animation: float-orb 8s ease-in-out infinite;
        }

        body::after {
            content: '';
            position: fixed;
            bottom: -20%;
            left: -10%;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(167, 139, 250, 0.1) 0%, transparent 70%);
            border-radius: 50%;
            pointer-events: none;
            animation: float-orb 10s ease-in-out infinite reverse;
        }

        @keyframes float-orb {
            0%, 100% { transform: translate(0, 0); }
            50% { transform: translate(30px, -20px); }
        }

        .container {
            position: relative;
            z-index: 1;
        }

        .bg-login-image {
            background: linear-gradient(
                135deg,
                rgba(96, 165, 250, 0.3),
                rgba(167, 139, 250, 0.3)
            ),
            url('/static/img/ai-background-1.webp') center/cover;
            background-size: cover;
            background-position: center;
            border-radius: 0.75rem 0 0 0.75rem;
        }

        .login-card {
            background: rgba(22, 16, 58, 0.6) !important;
            backdrop-filter: blur(16px) !important;
            -webkit-backdrop-filter: blur(16px) !important;
            border: 1px solid rgba(96, 165, 250, 0.15) !important;
            border-radius: 0.75rem !important;
            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4) !important;
            overflow: hidden;
        }

        .login-form-area {
            padding: 2.5rem !important;
        }

        .login-form-area h1 {
            color: #fff !important;
        }

        .login-form-area .brand-icon {
            color: #fbbf24;
            font-size: 1.2rem;
        }

        .login-form-area .brand-name {
            color: #fbbf24 !important;
            font-weight: 800;
        }

        .login-form-area p {
            color: rgba(255, 255, 255, 0.7);
        }

        .login-form-area .form-control-user {
            background: rgba(22, 16, 58, 0.8) !important;
            border: 1px solid rgba(96, 165, 250, 0.25) !important;
            color: #fff !important;
            border-radius: 10rem !important;
            padding: 0.75rem 1.5rem !important;
        }

        .login-form-area .form-control-user::placeholder {
            color: rgba(255, 255, 255, 0.35) !important;
        }

        .login-form-area .form-control-user:focus {
            background: rgba(22, 16, 58, 0.95) !important;
            border-color: #60a5fa !important;
            box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.25) !important;
        }

        .login-form-area .btn-primary {
            background: linear-gradient(135deg, #60a5fa, #818cf8) !important;
            border: none !important;
            box-shadow: 0 4px 20px rgba(96, 165, 250, 0.4) !important;
            font-weight: 700;
            letter-spacing: 0.5px;
        }

        .login-form-area .btn-primary:hover {
            box-shadow: 0 6px 30px rgba(96, 165, 250, 0.6) !important;
            transform: translateY(-1px);
        }

        .login-form-area hr {
            border-color: rgba(255, 255, 255, 0.08);
        }

        .login-form-area a {
            color: #60a5fa;
        }

        .login-form-area a:hover {
            color: #22d3ee;
        }
