body{background-color:var(--bg-main);height:100vh;color:var(--text-main);margin:0;padding:0;font-family:Inter,sans-serif;display:flex}.login-container{width:100%;display:flex}.login-left{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding:4rem;display:none;position:relative;overflow:hidden}@media (width>=900px){.login-left{display:flex}}.slider-bg{z-index:1;position:absolute;inset:0}.slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.2s ease-in-out;position:absolute;inset:0}.slide.active{opacity:1}.slide-overlay{z-index:2;background:linear-gradient(#0000000d 0%,#00000026 40%,#000000b3 100%);position:absolute;inset:0}.slider-indicators{z-index:10;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#fff6;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background:#fff;border-radius:4px;width:24px}.login-right{background-color:var(--bg-surface);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-box{width:100%;max-width:400px}.brand-logo{color:var(--text-main);justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.5rem;font-weight:700;display:flex}.brand-logo .logo-icon{background-color:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.login-box h2{text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.login-box p.subtitle{color:var(--text-muted);text-align:center;margin-bottom:2rem;font-size:.95rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input{border:1px solid var(--border-light);width:100%;transition:var(--transition-fast);box-sizing:border-box;background:var(--bg-main);border-radius:8px;outline:none;padding:.875rem 1rem;font-family:inherit;font-size:.95rem}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--border-focus);background:var(--bg-surface)}.btn-continue{background-color:var(--primary);color:#fff;cursor:pointer;width:100%;transition:var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:.875rem;font-size:1rem;font-weight:500;display:flex}.btn-continue:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md)}.divider{text-align:center;color:var(--text-muted);align-items:center;margin-bottom:1.5rem;font-size:.875rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border-light);flex:1}.divider:before{margin-right:1rem}.divider:after{margin-left:1rem}.social-buttons{flex-direction:column;gap:.75rem;display:flex}.btn-social{cursor:pointer;width:100%;transition:var(--transition-fast);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;padding:.875rem;font-size:.95rem;font-weight:500;display:flex}.btn-google{color:var(--text-main);border-color:var(--border-light);background-color:#fff}.btn-google:hover{background-color:var(--bg-hover)}.btn-google img{width:20px;height:20px}.btn-zalo{color:#fff;background-color:#0068ff}.btn-zalo:hover{background-color:#0056d4}.btn-zalo img{border-radius:4px;width:22px;height:22px}.btn-facebook{color:#fff;background-color:#1877f2}.btn-facebook:hover{background-color:#166ada}.btn-facebook img{width:20px;height:20px}.loader-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#fffc;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.loader-overlay.active{opacity:1;pointer-events:all}.spinner{border:4px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}