.login-container{background:linear-gradient(135deg,#002419 0%,#00120d 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,sans-serif;display:flex}.login-box{-webkit-backdrop-filter:blur(16px);background:#f5ebe10a;border:1px solid #f5ebe114;border-radius:24px;width:100%;max-width:400px;padding:40px;animation:.5s ease-out fadeIn;box-shadow:0 25px 50px -12px #0009}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#f5ebe1;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.login-header h1 span{color:#ff6400;font-weight:400}.login-header p{color:#f5ebe1aa;margin:0;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#f5ebe1dd;font-size:14px;font-weight:500}.input-group input{color:#f5ebe1;background:#00140f99;border:1px solid #f5ebe11a;border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:all .3s}.input-group input:focus{border-color:#ff6400;box-shadow:0 0 0 4px #ff640026}.input-group input::placeholder{color:#f5ebe166}.error-message{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;padding:12px;font-size:14px}.login-btn{color:#00120d;cursor:pointer;background:linear-gradient(90deg,#ff6400,#e05800);border:none;border-radius:12px;justify-content:center;align-items:center;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -5px #ff640066}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}