.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fffbf6;padding:20px;animation:login-fade .5s ease-out}@keyframes login-fade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.login-box-modern{background:white;width:100%;max-width:440px;padding:40px;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.04);border:1px solid #e2ecff;display:flex;flex-direction:column}.login-logo-area{display:flex;justify-content:center;margin-bottom:24px}.login-logo-area img{max-width:120px;max-height:60px;-o-object-fit:contain;object-fit:contain}.logo-text{font-size:28px;font-weight:900;color:#2366ea;letter-spacing:-1px}.login-title{font-size:24px;font-weight:800;color:#0f234b;text-align:center;margin:0 0 24px}.login-alerts-area{margin-bottom:24px}.login-form-modern{display:flex;flex-direction:column;gap:20px}.login-field-group{display:flex;flex-direction:column;gap:8px}.login-field-group label{font-size:14px;font-weight:700;color:#4a5568}.login-field-group .label-row{display:flex;justify-content:space-between;align-items:center}.login-field-group .label-row a{font-size:12px;color:#2366ea;text-decoration:none;font-weight:600}.login-field-group input{padding:14px 16px;border:1.5px solid #e2ecff;border-radius:12px;font-size:16px;transition:all .2s;background:#fffbf6}.login-field-group input:focus{outline:none;border-color:#2366ea;background:white;box-shadow:0 0 0 4px rgba(35,102,234,.1)}.field-error{font-size:12px;color:#e53e3e;font-weight:600;margin-top:2px}.field-hint{font-size:13px;color:#718096;margin:-4px 0 4px}.login-code-input{text-align:center;letter-spacing:10px;font-weight:800;font-size:26px!important;padding:14px!important}.login-btn-primary{background:#2366ea;color:white;border:none;padding:14px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-top:10px}.login-btn-primary:hover:not(:disabled){background:#1a56d1;box-shadow:0 4px 15px rgba(35,102,234,.25);transform:translateY(-1px)}.login-divider{display:flex;align-items:center;text-align:center;margin:10px 0}.login-divider:after,.login-divider:before{content:"";flex:1;border-bottom:1px solid #e2ecff}.login-divider span{padding:0 12px;font-size:12px;color:#a0aec0;font-weight:600}.login-btn-google{background:white;border:1.5px solid #e2ecff;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;font-weight:700;color:#4a5568;transition:all .2s}.login-btn-google:hover{background:#f8fafc;border-color:#cbdcfd}.login-footer-nav{margin-top:16px;text-align:center;font-size:14px;color:#718096}.login-signup-link{background:none;border:none;color:#2366ea;font-weight:700;cursor:pointer;margin-right:6px;padding:0}.login-signup-link:hover{text-decoration:underline}.login-btn-text{background:none;border:none;color:#718096;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px}.login-btn-text:hover{color:#2366ea}@media (max-width:480px){.login-box-modern{padding:32px 24px}}