*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#2762fc,#0344ed);font-family:Inter,sans-serif;height:100vh;overflow:hidden}.login-container{display:flex;height:100vh;width:100vw}.left-panel{background:#1a1a1a;display:flex;flex:1;flex-direction:column;position:relative}.map-container{flex:1;overflow:hidden;position:relative}.map-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease;width:100%}.map-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(45deg,rgba(0,123,191,.3),rgba(0,86,134,.4) 50%,rgba(0,51,102,.5));bottom:0}.logo-container,.map-overlay{left:0;position:absolute;right:0;top:0}.logo-container{color:#fff;padding:40px 30px 30px;text-align:left}.logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;margin-bottom:15px;transition:transform .3s ease;width:200px}.logo:hover{transform:scale(1.05)}.city-name{font-size:18px;font-weight:600;margin-bottom:5px}.city-name,.state-name{text-shadow:0 2px 4px rgba(0,0,0,.5)}.state-name{font-size:14px;font-weight:300;opacity:.9}.right-panel{align-items:center;background:#fff;display:flex;flex:1;justify-content:center;position:relative}.right-panel:before{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.login-form-container{max-width:500px;padding:40px;position:relative;width:100%;z-index:1}.welcome-section{margin-bottom:40px;text-align:center}.welcome-section h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2762fc,#0344ed);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:10px}.welcome-section p{color:#7f8c8d;font-size:16px;font-weight:400}.login-form{width:100%}.form-group{margin-bottom:25px}.form-group label{color:#34495e;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-container{align-items:center;display:flex;position:relative}.input-icon{color:#95a5a6;font-size:16px;left:15px;position:absolute;transition:color .3s ease;z-index:2}.input-container input{background:#fff;border:2px solid #e1e8ed;border-radius:12px;font-size:16px;font-weight:400;outline:none;padding:15px 15px 15px 45px;transition:all .3s ease;width:100%}.input-container input:focus{border-color:#2762fc;box-shadow:0 0 0 3px rgba(102,126,234,.1);transform:translateY(-1px)}.input-container input:focus+.input-icon,.input-container input:focus~.input-icon{color:#2762fc}.toggle-password{background:none;border:none;color:#95a5a6;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:15px;transition:color .3s ease;z-index:2}.toggle-password:hover{color:#2762fc}.login-button{align-items:center;background:linear-gradient(135deg,#2762fc,#0344ed);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-bottom:20px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.login-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-button:hover:before{left:100%}.login-button:hover{box-shadow:0 8px 25px rgba(102,126,234,.3);transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.forgot-password{margin-bottom:30px;text-align:center}.forgot-password a{color:#2762fc;font-size:14px;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.forgot-password a:after{background:#2762fc;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.forgot-password a:hover:after{width:100%}.forgot-password a:hover{color:#0344ed}.footer-info{margin-top:30px;text-align:center}.footer-info p{color:#95a5a6;font-size:12px;font-weight:400}@media (max-width:768px){.login-container{flex-direction:column}.left-panel{flex:none;height:40vh}.right-panel{flex:1;height:60vh}.login-form-container{max-width:none;padding:20px}.welcome-section h1{font-size:28px}.logo-container{padding:20px 15px 15px}.logo{width:60px}.city-name{font-size:16px}.state-name{font-size:12px}}@media (max-width:480px){.left-panel{height:35vh}.right-panel{height:65vh}.login-form-container{padding:15px}.welcome-section{margin-bottom:30px}.welcome-section h1{font-size:24px}.welcome-section p{font-size:14px}.form-group{margin-bottom:20px}.input-container input{font-size:14px;padding:12px 12px 12px 40px}.login-button{font-size:14px;padding:14px 20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.login-form-container{animation:fadeInUp .8s ease-out}.logo-container{animation:fadeInLeft .8s ease-out .2s both}.login-button.loading{opacity:.8;pointer-events:none}.login-button.loading span{opacity:0}.login-button.loading:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;content:"";height:20px;position:absolute;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

/*# sourceMappingURL=login.css.map*/