.login-main{background-color: var(--c-5);min-height: 100vh;display: flex;align-items: center;justify-content: center;padding: 20px;}
.login-container{background: var(--c-5);border-radius: 32px;box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);display: flex;max-width: 980px;max-width: 450px;width: 100%;min-height: 580px;overflow: hidden;position: relative;}
.close-btn{position: absolute;top: 24px;right: 24px;width: 36px;height: 36px;background: #f1f5f9;border: none;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #64748b;transition: all 0.3s;z-index: 10;}
.close-btn:hover{background: #e2e8f0;transform: rotate(90deg);}
.login-left{flex: 1;padding: 30px;display: flex;flex-direction: column;justify-content: center;}
.lo-logo {display: inline-block;margin-bottom: 50px;width: fit-content;}
.login-title{font-size: 28px;font-weight: 700;color: var(--c-2);margin-bottom: 8px;text-align: center;}
.login-subtitle{font-size: 14px;color: var(--c-6);margin-bottom: 32px;text-align: center;}
.form-group{margin-bottom: 20px;}
.form-group label{display: block;font-size: 13px;font-weight: 600;color: var(--c-2);margin-bottom: 8px;}
.input-wrapper{position: relative;}
.form-group input{width: 100%;padding: 14px 18px;padding-right: 45px;border: 2px solid #e5e7eb;border-radius: 12px;font-size: 14px;color: var(--c-2);transition: all 0.3s;background: #f9fafb;}
.form-group input:focus{outline: none;border-color: var(--c-1);background-color: var(--c-5);box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);}
.form-group input::placeholder{color: var(--c-6);}
.password-toggle{position: absolute;right: 18px;top: 50%;transform: translateY(-50%);cursor: pointer;color: var(--c-6);font-size: 16px;transition: color 0.2s;}
.password-toggle:hover{color: #64748b;}
.btn-signin{width: 100%;padding: 14px;background-color: var(--c-1);border: none;border-radius: var(--b-r-2);font-size: 16px;font-weight: 600;color: var(--c-5);cursor: pointer;transition: all 0.3s;margin-top: 8px;}
.btn-signin:hover{background-color: var(--c-8);transform: translateY(-2px);box-shadow: 0 8px 20px rgba(5, 197, 144, 0.3);}
.signup-link{display: none;text-align: center;margin-top: 20px;font-size: 13px;color: var(--c-6);}
.signup-link a{color: var(--c-1);text-decoration: none;font-weight: 600;font-size: 14px;}
.signup-link a:hover{text-decoration: underline !important;}
.login-right{display: none !important;flex: 1;padding: 50px;display: flex;align-items: center;justify-content: center;position: relative;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);}
.illustration{width: 100%;height: 100%;background: url('https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=800&q=80') center/cover;
    border-radius: 20px;position: relative;overflow: hidden;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);}
.illustration::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(102, 126, 234, 0.4) 0%, rgba(118, 75, 162, 0.4) 100%);}
.illustration-content{position: relative;z-index: 1;color: white;padding: 40px;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.illustration-title{font-size: 32px;font-weight: 700;margin-bottom: 16px;}
.illustration-text{font-size: 16px;line-height: 1.6;opacity: 0.95;}
@media (max-width: 768px) {
    .login-container{flex-direction: column;border-radius: 24px;}
    .login-right{display: none;}
    .login-left{padding: 40px 30px;}
}