body {
            background: linear-gradient(135deg, #0f172a, #1e293b);
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .login-box {
            width: 380px;
            padding: 30px;
            border-radius: 18px;
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(12px);
            box-shadow: 0 20px 50px rgba(0,0,0,0.3);
            color: #fff;
        }

        .login-box h2 {
            text-align: center;
            margin-bottom: 25px;
            font-weight: 700;
        }

        .form-control {
            border-radius: 12px;
            padding: 10px;
        }

        .btn-login {
            background: linear-gradient(135deg, #f97316, #fb923c);
            border: none;
            width: 100%;
            padding: 10px;
            border-radius: 12px;
            font-weight: bold;
            color: #fff;
        }

        .btn-login:hover {
            opacity: 0.9;
        }

        .error {
            color: #ff6b6b;
            text-align: center;
            margin-bottom: 10px;
        }

        @media (max-width: 480px) {

    /* background tetap aman */
    body {
        padding: 0;
        height: 100vh;
    }

    /* wrapper tetap center tapi lebih fleksibel */
    .login-wrapper {
        padding: 10px;
        align-items: center;
    }

    /* card diperkecil tapi tetap nyaman */
    .login-card {
        padding: 18px;
        width: 100%;
        max-width: 320px;
        border-radius: 14px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    }

    /* judul lebih kecil */
    .login-card h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    /* input lebih touch friendly */
    .input-modern {
        font-size: 14px;
        padding: 10px 12px;
        border-radius: 10px;
    }

    /* tombol full width lebih tegas */
    .btn-login {
        font-size: 14px;
        padding: 10px;
        border-radius: 10px;
    }

    /* alert lebih ringkas */
    .alert {
        font-size: 12px;
        padding: 8px;
        margin-bottom: 10px;
    }
}