*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background:#fff;height:100vh;display:flex;justify-content:center;align-items:center}.login-container{display:flex;width:98%;height:97vh;overflow:hidden}.login-left{width:50%;display:flex;flex-direction:column;justify-content:top;padding:0 80px}.logo{width:155px;margin-bottom:180px}h1{font-size:40px;color:#252527;font-weight:600}.subtitle{color:#85878b;margin-bottom:40px}.login-form{display:flex;flex-direction:column;gap:20px}.login-form label{font-weight:500;color:#121212;font-size:14px}.login-form input{padding:12px;border:1px solid #E9ECEF;border-radius:10px;font-size:14px;color:#252527}.forgot{align-self:flex-end;color:#1084fb;font-weight:600;text-decoration:none;font-size:14px}.btn{background:#e7e7e7;color:#1212123d;border:none;border-radius:12px;padding:12px;font-weight:600;cursor:pointer;margin-top:20px}.btn:hover{background:#1084fb;color:#fff}.login-right{width:50%;position:relative;overflow:hidden;border-radius:20px}.slides{position:relative;width:100%;height:100%}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.overlay1{position:absolute;bottom:0;width:100%;padding:80px 180px;background:linear-gradient(180deg,#d65e0e00,#d65e0ee6 85.73%);color:#fff}.overlay2{position:absolute;bottom:0;width:100%;padding:80px 180px;background:linear-gradient(180deg,#8521b900,#8521b9e6 85.73%);color:#fff}.overlay3{position:absolute;bottom:0;width:100%;padding:80px 180px;background:linear-gradient(180deg,#d65e0e00,#25928a 85.73%);color:#fff}.quote{color:#fff;font-size:32px;font-style:normal;font-weight:500;line-height:42px;letter-spacing:-1px;margin-bottom:20px}.dots{position:absolute;bottom:40px;left:40px;display:flex;gap:10px;z-index:10}.dot{width:12px;height:12px;background:#fff;opacity:.3;border-radius:50%;cursor:pointer;transition:opacity .3s ease}.dot.active{opacity:1}