    body {
            font-family: 'Inter', sans-serif;
            background: linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #0284c7 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1.5rem;
        }

        .student-login-card {
            background: #ffffff;
            border-radius: 1.75rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45);
            overflow: hidden;
            width: 100%;
            max-width: 460px;
        }

        .brand-font {
            font-family: 'Outfit', sans-serif;
        }

        .btn-cbt-primary {
            background: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%);
            color: #ffffff;
            border: none;
            font-weight: 600;
            border-radius: 0.85rem;
            padding: 0.85rem 1.5rem;
            font-size: 1.05rem;
            box-shadow: 0 4px 14px rgba(79, 70, 229, 0.35);
            transition: all 0.2s ease;
        }

        .btn-cbt-primary:hover {
            background: linear-gradient(135deg, #4338ca 0%, #312e81 100%);
            color: #ffffff;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45);
        }

