.login-card{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
    background:none !important;
    background-image:none !important;
    padding:30px 12px;
}

.login-main{
    width:100%;
    max-width:420px;
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    padding:40px 30px;
    border-radius:16px;
    box-shadow:0 30px 80px rgba(0,0,0,0.25);
    position:relative;
    overflow:hidden;
}

.login-main::after{
    content:'';
    position:absolute;
    inset:-2px;
    border-radius:18px;
    background:linear-gradient(135deg, rgba(255,255,255,0.18), transparent);
    z-index:-1;
}

.login-header{
    display:flex;
    justify-content:center;
    margin-bottom:28px;
}

.login-header-inner{
    display:flex;
    align-items:center;
    gap:16px;
    padding:0;
    border-radius:12px;
    background:transparent;
    box-shadow:none;
}

.logo-wrapper{
    background:rgba(0,0,0,0.22);
    padding:8px;
    border-radius:12px;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    line-height:0;
}

.logo-wrapper img{
    width:58px;
    height:auto;
    display:block;
    border-radius:8px;
}

.title-wrapper{
    display:flex;
    flex-direction:column;
    line-height:1.2;
}

.title-wrapper h2{
    margin:0;
    font-size:24px;
    font-weight:700;
    color:#1f2937;
}

.title-wrapper span{
    margin-top:4px;
    font-size:13px;
    color:#6b7280;
}

.theme-form h3{
    margin-bottom:6px;
    color:#111827;
}

.theme-form p{
    color:#6b7280;
    margin-bottom:18px;
}

.theme-form label{
    color:#374151;
    font-weight:600;
}

.theme-form input[type="email"],
.theme-form input[type="password"]{
    border:1px solid #d1d5db !important;
    background:rgba(255,255,255,0.9) !important;
    border-radius:10px !important;
    transition:all 0.2s ease;
}

.theme-form input[type="email"]:focus,
.theme-form input[type="password"]:focus{
    border-color:#c9a24a !important;
    box-shadow:0 0 0 3px rgba(201,162,74,0.18) !important;
    background:#ffffff !important;
    outline:none !important;
}

.checkbox label{
    color:#6b7280;
}

.btn-primary{
    background:linear-gradient(135deg, #c9a24a, #b8933f) !important;
    border:none !important;
    font-weight:600;
    border-radius:10px !important;
    padding:12px 18px !important;
    box-shadow:0 10px 25px rgba(201,162,74,0.28);
    transition:all 0.2s ease;
}

.btn-primary:hover,
.btn-primary:focus{
    background:linear-gradient(135deg, #b8933f, #a37f2f) !important;
    transform:translateY(-1px);
    box-shadow:0 14px 28px rgba(201,162,74,0.32);
}

.alert{
    border-radius:10px;
}

.alert-danger{
    background:rgba(220,53,69,0.1);
    border:1px solid rgba(220,53,69,0.2);
}

.alert-success{
    background:rgba(25,135,84,0.1);
    border:1px solid rgba(25,135,84,0.2);
}

.text-blue-500,
a.link,
.theme-form a{
    color:#2563eb !important;
    transition:color 0.2s ease;
}

.text-blue-500:hover,
a.link:hover,
.theme-form a:hover{
    color:#1d4ed8 !important;
}

@media (max-width:575px){
    .login-card{
        padding:20px 10px;
    }

    .login-main{
        max-width:100%;
        padding:30px 20px;
        border-radius:14px;
    }

    .login-header-inner{
        gap:12px;
    }

    .logo-wrapper img{
        width:48px;
    }

    .title-wrapper h2{
        font-size:20px;
    }

    .title-wrapper span{
        font-size:12px;
    }
}