*{font-family:Barlow,sans-serif;margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#f4f7fb;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{display:flex;width:100%;max-width:960px;min-height:580px;background:#fff;border-radius:18px;box-shadow:0 2px 4px #00000008,0 8px 32px #00000012;overflow:hidden;animation:loginAppear .5s ease-out}@keyframes loginAppear{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-brand{flex:1;background:linear-gradient(160deg,#0d3b7a,#1252a6 45%,#071428);padding:48px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.brand-circle{position:absolute;border-radius:50%;background:#ffffff0a}.brand-circle-1{width:300px;height:300px;top:-80px;right:-80px}.brand-circle-2{width:200px;height:200px;bottom:-60px;left:-60px}.brand-content{position:relative;z-index:1}.brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:36px}.brand-logo svg{flex-shrink:0}.brand-logo-text{display:flex;flex-direction:column;gap:3px}.brand-logo-text h1{font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:800;letter-spacing:8px;color:#fff;margin:0;line-height:1}.brand-logo-text .brand-sub{font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:500;letter-spacing:1.2px;color:#d4a840;text-transform:uppercase;line-height:1}.brand-tagline{margin-bottom:36px}.brand-tagline h2{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:600;color:#fff;margin-bottom:12px;line-height:1.3;letter-spacing:.5px}.brand-tagline p{font-size:14px;color:#fff9;line-height:1.7;margin:0}.brand-features{display:flex;gap:24px}.brand-feature{display:flex;flex-direction:column;align-items:center;text-align:center}.brand-feature-icon{width:44px;height:44px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.brand-feature-icon i{font-size:20px;color:#fffc}.brand-feature span{font-size:11px;color:#fff9;font-weight:500}.brand-gold-line{width:40px;height:3px;background:linear-gradient(90deg,#d4a840,#c8962e);border-radius:2px;margin-bottom:20px}.login-form-container{flex:1;padding:48px;display:flex;flex-direction:column;justify-content:center;background:#fff}.login-form-header{margin-bottom:32px}.login-form-header h3{font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:700;color:#242e3d;margin-bottom:8px;letter-spacing:.5px}.login-form-header p{color:#8d99ab;font-size:14px;margin:0}.login-form-container .alert{border-radius:10px;padding:12px 16px;font-size:13px;margin-bottom:20px;border:none}.login-form-container .alert-danger{background:#fef2f2;color:#e02d3c}.login-form-container .alert-success{background:#f0fdf4;color:#0b9247}.form-group{margin-bottom:20px}.form-group .form-label{font-size:13px;font-weight:600;color:#3b4758;margin-bottom:8px;display:block}.form-group .form-control{height:50px;border:2px solid #DCE2EB;border-radius:10px;padding:12px 16px;font-size:14px;transition:all .2s;background:#f4f7fb;width:100%;font-family:Barlow,sans-serif}.form-group .form-control:focus{border-color:#1252a6;box-shadow:0 0 0 3px #1252a61a;background:#fff;outline:none}.form-group .form-control::placeholder{color:#8d99ab}.input-wrapper{position:relative}.input-wrapper .form-control{padding-right:44px}.input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#8d99ab;font-size:18px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#8d99ab;cursor:pointer;padding:4px;transition:color .2s;font-size:18px}.password-toggle:hover{color:#1252a6}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.form-options .form-check{display:flex;align-items:center;gap:8px}.form-options .form-check-input{width:16px;height:16px;border:2px solid #BFC8D6;border-radius:4px;cursor:pointer;margin:0}.form-options .form-check-input:checked{background-color:#1252a6;border-color:#1252a6}.form-options .form-check-input:focus{box-shadow:none}.form-options .form-check-label{font-size:13px;color:#5e6c80;cursor:pointer}.forgot-password{font-size:13px;color:#1252a6;text-decoration:none;font-weight:500;transition:color .2s}.forgot-password:hover{color:#0d3b7a}.btn-login{width:100%;height:50px;background:linear-gradient(135deg,#0d3b7a,#1252a6);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;font-family:Barlow,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;cursor:pointer}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0d3b7a4d}.btn-login:active{transform:translateY(0)}.login-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid #DCE2EB}.login-footer p{color:#8d99ab;font-size:12px;margin:0}.login-footer .security-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#5e6c80;font-size:11px}.login-footer .security-badge i{color:#0b9247}@media(max-width:900px){.login-container{flex-direction:column;max-width:450px}.login-brand{padding:32px;min-height:auto}.brand-tagline h2{font-size:18px}.brand-tagline{margin-bottom:24px}.login-form-container{padding:32px}}