:root{--blue: #0057FF;--blue-dark: #0040CC;--blue-light: #e8f0ff;--white: #FFFFFF}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;font-family:Segoe UI,sans-serif;background:#f0f4ff}.login-left{width:48%;background:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 48px;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;width:380px;height:380px;background:#ffffff0d;border-radius:50%;top:-80px;left:-80px}.login-left:after{content:"";position:absolute;width:260px;height:260px;background:#ffffff0f;border-radius:50%;bottom:-60px;right:-60px}.login-left-content{position:relative;z-index:1;text-align:center}.brand-logo{width:72px;height:72px;background:var(--white);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.brand-logo i{color:var(--blue);font-size:2rem}.login-left h1{color:var(--white);font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin-bottom:10px}.login-left p{color:#ffffffb3;font-size:.95rem;line-height:1.6;max-width:320px}.features{margin-top:44px;display:flex;flex-direction:column;gap:16px;width:100%;max-width:320px}.feature-item{display:flex;align-items:center;gap:14px;background:#ffffff1a;border-radius:12px;padding:14px 18px}.feature-item i{color:var(--white);font-size:1.1rem;width:20px;text-align:center}.feature-item span{color:#ffffffd9;font-size:.85rem}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 32px}.login-card{width:100%;max-width:420px}.login-card h2{font-size:1.5rem;font-weight:800;color:#1a1a2e;margin-bottom:6px}.login-card .subtitle{color:#6b7a99;font-size:.875rem;margin-bottom:36px}.form-label{font-size:.8rem;font-weight:700;color:#4a5568;margin-bottom:6px;letter-spacing:.2px}.input-group-custom{position:relative;margin-bottom:20px}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:.9rem;z-index:2}.form-control{border:1.5px solid #dde3f0;border-radius:10px;padding:11px 14px 11px 40px;font-size:.875rem;color:#1a1a2e;width:100%;background:var(--white)}.form-control:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0057ff1f;outline:none}.form-control::placeholder{color:#b0bcd4}.forgot-link{display:block;text-align:right;font-size:.78rem;color:var(--blue);text-decoration:none;margin-top:-12px;margin-bottom:28px;font-weight:600}.forgot-link:hover{color:var(--blue-dark)}.btn-login{width:100%;background:var(--blue);color:var(--white);border:none;border-radius:10px;padding:13px;font-size:.95rem;font-weight:700;letter-spacing:.3px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-login:hover{background:var(--blue-dark)}.divider{display:flex;align-items:center;gap:12px;margin:28px 0;color:#b0bcd4;font-size:.75rem}.divider hr{flex:1;border-color:#e8edf5;opacity:1}.footer-note{text-align:center;font-size:.78rem;color:#a0aec0;margin-top:32px}@media(max-width:768px){body{flex-direction:column}.login-left{width:100%;padding:40px 24px}.features,.login-left p{display:none}}