body {
        margin: 0;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        min-height: 100vh;
        background: linear-gradient(135deg, #f0f6ff 0%, #e6f0ff 100%);
        overflow-x: hidden;
        position: relative;
    }


.login-page{
    position:relative;
    min-height:100vh;
    background:url('../../../assets/images/background_3.png') center center/cover no-repeat;
    }


.login-page::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(1px);
}


    .login-logo{
        width:140px;
        margin-top:-12px;
        margin-bottom:8px;
    }

.form-control,
.input-group .btn{
    height:46px;
}

.input-group .btn{
    border-color:#ced4da;
    background:#fff;
}

.input-group .btn:hover{
    background:#f8f9fa;
}

        
    .login-wrapper {
        position: relative;
        z-index: 5;
        min-height: 100vh;
    }
    
    .login-card {
        background: rgba(255, 255, 255, 0.98);
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 16px;
        box-shadow: 0 20px 60px rgba(0, 82, 164, 0.15);
        max-width: 420px;
        width: 100%;
    }
    
    .form-label {
        font-weight: 500;
        color: #374151;
        margin-bottom: 8px;
        font-size: 14px;
    }
    
    .form-control {
        background-color: #f9fafb;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 12px 12px;
        font-size: 14px;
    }
    
    .form-control:focus {
        background-color: #fff;
        border-color: #0052A4;
        box-shadow: 0 0 0 3px rgba(0, 82, 164, 0.1);
    }
    
    .btn-login {
        background: linear-gradient(135deg, #0052A4 0%, #0066CC 100%);
        border: none;
        border-radius: 8px;
        padding: 14px 16px;
        font-weight: 600;
        font-size: 15px;
        color: #fff;
        width: 100%;
    }
    
    .btn-login:hover {
        background: linear-gradient(135deg, #004390 0%, #005bb8 100%);
        color: #fff;
    }
    
    .btn-login:active, .btn-login:focus {
        background: linear-gradient(135deg, #003a7a 0%, #004ea5 100%);
        box-shadow: 0 0 0 4px rgba(0, 82, 164, 0.2);
        color: #fff;
    }
    
    .logo-text {
        color: #143d7e;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 3.0px;
		margin-top: -45px;
    }
    
    .link-primary {
        color: #0052A4;
        text-decoration: none;
        font-weight: 500;
    }
    
    .link-primary:hover {
        color: #0066CC;
    }
    
    .form-check-input:checked {
        background-color: #0052A4;
        border-color: #0052A4;
    }
    
    .form-check-input:focus {
        border-color: #0052A4;
        box-shadow: 0 0 0 3px rgba(0, 82, 164, 0.1);
    }
    
    .divider {
        border-top: 1px solid #f3f4f6;
        margin: 32px 0 24px 0;
    }
    
    .copyright {
        color: #9ca3af;
        font-size: 12px;
    }
    
    @media (max-width: 768px) {
        .shape-blue { width: 400px; height: 400px; left: -200px; top: -150px; }
        .shape-red { width: 300px; height: 300px; right: -150px; bottom: -100px; }
        .shape-white { display: none; }
        .login-card { margin: 0 16px; }
    }
    
    @media (max-width: 576px) {
        .shape-blue { width: 300px; height: 300px; left: -150px; }
        .shape-red { width: 250px; height: 250px; right: -120px; }
    }