.login-page{background:radial-gradient(1100px 800px at 90% 15%,rgba(22,179,100,.07),transparent 68%),linear-gradient(102deg,#fbfcfe,#f4f6fa 55%,#eef1f8);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border:1px solid #e4e9f2;border-radius:28px;box-shadow:0 2px 4px rgba(23,28,46,.05),0 30px 70px -20px rgba(23,28,46,.3);width:100%;max-width:420px;padding:50px 40px;animation:login-slide-up .5s ease-out}@keyframes login-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-section{text-align:center;margin-bottom:40px}.logo-icon{width:60px;height:60px;margin:0 auto 16px;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -8px rgba(23,28,46,.5)}.logo-icon img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.logo-title{font-size:28px;font-weight:800;color:#171c2e;margin-bottom:8px;letter-spacing:-.02em}.logo-subtitle{font-size:14px;color:#667085;font-weight:500}.form-group{margin-bottom:24px}.form-label{display:block;font-size:13px;font-weight:600;color:#555d75;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:12px 16px;border:2px solid #e4e9f2;border-radius:14px;font-size:15px;color:#171c2e;background:#fff;transition:all .3s ease;font-family:inherit}.form-input::placeholder{color:#98a2b3}.form-input:focus{outline:none;border-color:#3ccb7f;box-shadow:0 0 0 3px rgba(60,203,127,.25)}.password-input-wrapper{position:relative}.toggle-password-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#98a2b3;font-size:16px;transition:all .2s ease;padding:4px 8px}.toggle-password-btn:hover{color:#171c2e}.form-input.with-icon-right{padding-right:40px}.error-message{background:#fee4e2;border:1px solid #fecdca;border-radius:14px;padding:12px 16px;margin-bottom:20px;color:#b42318;font-size:14px;animation:login-shake .5s ease-out}.error-message i{margin-right:8px}@keyframes login-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.submit-btn{width:100%;padding:14px 20px;background:#171c2e;color:#fbfcfe;border:none;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;font-family:inherit}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(23,28,46,.55);background:#000}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn i{margin-right:8px}