@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
.auth-container{background-color:#e8eef6;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:40px 20px;font-family:Inter,sans-serif;display:flex}.auth-box{background:#fff;border-radius:12px;width:100%;max-width:850px;min-height:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 30px -10px #00000026}.auth-image-side{color:#fff;background:linear-gradient(#10355a 0%,#0b2540 100%);flex-direction:column;flex:1;padding:25px 20px;display:flex;position:relative;overflow:hidden}.auth-image-side:before{content:"";opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:200px;height:200px;position:absolute;bottom:20px;right:-20px;transform:rotate(-10deg)}.auth-image-side:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23194B7E' fill-opacity='0.4' d='M0,224L60,202.7C120,181,240,139,360,144C480,149,600,203,720,208C840,213,960,171,1080,138.7C1200,107,1320,85,1380,74.7L1440,64L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-size:cover;width:100%;height:120px;position:absolute;bottom:0;left:0}.auth-image-side .auth-logo{z-index:2;background-color:#fff;border-radius:6px;align-self:flex-start;height:30px;margin-bottom:15px;padding:6px 10px;position:relative;box-shadow:0 2px 4px #0000001a}.auth-image-side h2{letter-spacing:-.5px;z-index:2;margin-bottom:6px;font-size:24px;font-weight:700;line-height:1.2;position:relative}.auth-image-side p.welcome-text{opacity:.85;z-index:2;margin-bottom:15px;font-size:12px;line-height:1.4;position:relative}.features-list{z-index:2;flex-direction:column;gap:10px;display:flex;position:relative}.feature-item{align-items:flex-start;gap:10px;display:flex}.feature-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.feature-icon svg{stroke:#fff;width:16px;height:16px}.feature-text h4{margin-bottom:2px;font-size:13px;font-weight:600}.feature-text p{opacity:.7;font-size:11px;line-height:1.3}.auth-form-side{background-color:#fff;flex-direction:column;flex:1.2;justify-content:center;padding:25px 35px;display:flex;position:relative;overflow:hidden}.auth-form-side:before{content:"";z-index:0;background-color:#eef4fb;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.auth-form-side:after{content:"";z-index:1;background-image:radial-gradient(#a3b8cc 2px,#0000 2px);background-size:15px 15px;width:50px;height:50px;position:absolute;top:30px;right:30px}.form-bottom-graphic{opacity:.6;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 200' preserveAspectRatio='xMidYMax slice'%3E%3Cpath fill='%23e2e8f0' d='M50 200V120h40v80h20v-50h30v50h20v-90h50v90h20v-70h40v70h10v-30h30v30h50v-100h40v100h20v-60h30v60h50v-40h40v40h30v-80h40v80h20v-50h30v50h100v-90h50v90h30v-110h60v110h20v-70h40v70h30v-50h30v50' opacity='0.5'/%3E%3Crect fill='%2394a3b8' x='650' y='140' width='120' height='40' rx='4'/%3E%3Crect fill='%2364748b' x='775' y='155' width='30' height='25' rx='2'/%3E%3Ccircle fill='%23334155' cx='680' cy='180' r='12'/%3E%3Ccircle fill='%23334155' cx='785' cy='180' r='12'/%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:cover;height:100px;position:absolute;bottom:0;left:0;right:0}.auth-form-content{z-index:2;position:relative}.auth-form-side h2{color:#102a43;letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:700}.auth-subtitle{color:#627d98;margin-bottom:20px;font-size:14px}.form-group{margin-bottom:15px}.form-group label{color:#102a43;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{stroke:#829ab1;pointer-events:none;width:18px;height:18px;position:absolute;left:14px}.input-wrapper input{color:#102a43;background-color:#fff;border:1px solid #d9e2ec;border-radius:8px;outline:none;width:100%;padding:12px 14px 12px 40px;font-size:14px;transition:all .2s}.input-wrapper input::placeholder{color:#9fb3c8}.input-wrapper input:focus{border-color:#185adb;box-shadow:0 0 0 3px #185adb1a}.password-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:14px}.password-toggle svg{stroke:#829ab1;width:18px;height:18px}.form-options{justify-content:space-between;align-items:center;margin-top:-5px;margin-bottom:20px;display:flex}.remember-me{cursor:pointer;align-items:center;gap:8px;display:flex}.remember-me input{accent-color:#185adb;cursor:pointer;width:16px;height:16px}.remember-me span{color:#627d98;font-size:13px;font-weight:500}.forgot-link{color:#185adb;font-size:13px;font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-btn{color:#fff;cursor:pointer;background:#185adb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 10px #185adb4d}.auth-btn:hover{background:#1246b0;transform:translateY(-1px);box-shadow:0 6px 15px #185adb66}.auth-btn svg{stroke:#fff;width:18px;height:18px}.or-divider{text-align:center;align-items:center;margin:20px 0;display:flex}.or-divider:before,.or-divider:after{content:"";border-bottom:1px solid #d9e2ec;flex:1}.or-divider span{color:#829ab1;background:#fff;border:1px solid #d9e2ec;border-radius:50px;padding:0 15px;font-size:13px;font-weight:500;line-height:24px}.auth-links{text-align:center}.auth-links a{color:#627d98;font-size:14px;text-decoration:none}.auth-links a span{color:#185adb;font-weight:600}.auth-links a:hover span{text-decoration:underline}.error-alert,.success-alert{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.error-alert{color:#c62828;background:#ffebee;border:1px solid #ffcdd2}.success-alert{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9}@media (max-width:768px){.auth-box{flex-direction:column}.auth-form-side,.auth-image-side{padding:40px 30px}}