.login-container{color:#0f172a;margin:0 auto;max-width:1200px;padding:var(--space-10) var(--space-6) var(--space-16)}.login-wrapper{animation:fadeInUp .8s ease .2s both;display:flex;justify-content:center;position:relative}.login-wrapper:before{background:radial-gradient(circle at top right,rgba(14,116,144,.08),transparent 55%),radial-gradient(circle at bottom left,rgba(59,130,246,.08),transparent 50%);content:"";inset:-40px;pointer-events:none;position:absolute;z-index:0}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 24px 60px rgba(15,23,42,.12);display:grid;gap:0;grid-template-columns:1fr 1fr;max-width:900px;overflow:hidden;position:relative;width:100%;z-index:1}.login-card-content{padding:var(--space-10) var(--space-8)}.form-group-modern{margin-bottom:var(--space-6)}.form-group-modern:last-of-type{margin-bottom:var(--space-5)}.form-label-modern{align-items:center;color:#1e293b;display:flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);margin-bottom:var(--space-2)}.form-label-modern i{color:var(--surf-primary);font-size:14px}.form-input-modern{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;font-family:var(--font-primary);font-size:var(--text-base);outline:none;padding:var(--space-3) var(--space-4);transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input-modern::placeholder{color:#94a3b8}.form-input-modern:focus{border-color:rgba(14,116,144,.4);box-shadow:0 0 0 4px rgba(14,116,144,.12)}.form-input-modern:hover{border-color:#cbd5f5}.password-input-wrapper{position:relative}.password-input-wrapper .form-input-modern{padding-right:var(--space-12)}.password-input-wrapper .password-toggle{align-items:center;background:transparent;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:all .3s ease}.password-input-wrapper .password-toggle i{font-size:16px}.password-input-wrapper .password-toggle:hover{background:#f8fafc;color:var(--surf-primary)}.form-options{flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-5)}.form-options,.remember-me{align-items:center;display:flex}.remember-me{gap:var(--space-2)}.remember-me .form-check-input-modern{background:#fff;border:1px solid #cbd5f5;border-radius:4px;cursor:pointer;height:18px;transition:all .3s ease;width:18px}.remember-me .form-check-input-modern:checked{background:#fff;border-color:var(--surf-primary)}.remember-me .form-check-input-modern:focus{box-shadow:0 0 0 4px rgba(14,116,144,.12)}.remember-me .form-check-label-modern{color:#475569;cursor:pointer;font-size:var(--text-sm);user-select:none}.forgot-link{color:var(--surf-primary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:var(--surf-primary-light);text-decoration:underline}.form-message{animation:slideDown .3s ease;border-radius:8px;font-size:.875rem;font-weight:500;margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)}.form-message.error{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);color:#dc2626}.form-message.success{background:rgba(0,180,160,.08);border:1px solid rgba(0,180,160,.2);color:#047857}.form-message.info{background:rgba(234,155,30,.08);border:1px solid rgba(234,155,30,.2);color:#b45309}.btn-modern-primary{align-items:center;background:var(--surf-primary);border:none;border-radius:12px;box-shadow:0 12px 26px rgba(14,116,144,.24);color:#fff;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4) var(--space-6);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-modern-primary i{font-size:18px}.btn-modern-primary:hover{background:var(--surf-primary-light);box-shadow:0 16px 32px rgba(14,116,144,.32);transform:translateY(-2px)}.btn-modern-primary:active{transform:translateY(0)}.btn-modern-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-footer{border-top:1px solid #e2e8f0;margin-top:var(--space-6);padding-top:var(--space-6);text-align:center}.signup-text{color:#64748b;font-size:var(--text-sm);margin:0}.signup-link{color:var(--surf-primary);font-weight:var(--font-semibold);margin-left:var(--space-1);text-decoration:none;transition:color .3s ease}.signup-link:hover{color:var(--surf-primary-light);text-decoration:underline}.login-benefits{background:#f8fafc;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-10) var(--space-8)}.benefits-title{color:#0f172a;font-family:var(--font-headings);font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-6)}.benefits-list{display:flex;flex-direction:column;gap:var(--space-5)}.benefit-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:var(--space-3);padding:var(--space-3);transition:all .3s ease}.benefit-item i{color:var(--surf-primary);flex-shrink:0;font-size:20px;margin-top:2px}.benefit-item span{color:#475569;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.benefit-item:hover{background:#f8fafc;transform:translateX(4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:100px;opacity:1}}@media(max-width:992px){.login-card{grid-template-columns:1fr}.login-benefits{border-left:none;border-top:1px solid #e2e8f0;padding:var(--space-8) var(--space-6)}.benefits-title{font-size:var(--text-xl)}}@media(max-width:768px){.login-container{padding:var(--space-8) var(--space-4) var(--space-12)}.login-benefits,.login-card-content{padding:var(--space-6) var(--space-5)}.form-options{align-items:flex-start;flex-direction:column}.benefits-list{gap:var(--space-4)}.benefit-item{padding:var(--space-2)}.benefit-item i{font-size:18px}.benefit-item span{font-size:var(--text-xs)}}@media(max-width:480px){.login-card-content{padding:var(--space-5) var(--space-4)}.form-group-modern{margin-bottom:var(--space-5)}.btn-modern-primary{padding:var(--space-3) var(--space-5)}}:focus-visible{outline:2px solid rgba(14,116,144,.6);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}