:root { --primary: #008b4a; --primary-dark: #006837; }
        body {
            min-height: 100vh;
            margin: 0;
            font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
            background: linear-gradient(135deg, rgba(0, 104, 55, .92), rgba(0, 139, 74, .72)),
                        url('../../../assets/img/login.jpeg') center / cover;
        }
        .login-page { min-height: 100vh; padding: 32px 16px; }
        .login-card {
            width: min(100%, 430px);
            padding: 36px;
            border: 1px solid rgba(255, 255, 255, .45);
            border-radius: 24px;
            background: rgba(255, 255, 255, .97);
            box-shadow: 0 24px 60px rgba(0, 45, 24, .28);
        }
        .school-logo { max-width: 190px; max-height: 68px; object-fit: contain; }
        .login-card h1 { color: var(--primary-dark); font-size: 1.75rem; font-weight: 700; }
        .form-label { color: #264f3b; font-size: .9rem; font-weight: 600; }
        .input-group-text, .form-control { min-height: 48px; border-color: #d7e7de; }
        .input-group-text { background: #eef7f1; color: var(--primary); }
        .form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 .2rem rgba(0, 139, 74, .12); }
        .btn-login { min-height: 48px; border: 0; background: var(--primary); color: #fff; font-weight: 700; }
        .btn-login:hover, .btn-login:focus { background: var(--primary-dark); color: #fff; }
        .back-link { color: var(--primary-dark); font-size: .9rem; font-weight: 600; text-decoration: none; }
        @media (max-width: 576px) {
            .login-card { padding: 28px 22px; border-radius: 18px; }
        }