.login-container{background:linear-gradient(135deg,#0a0a0a 0%,#111 50%,#0a0a0a 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111111e6;border:1px solid #ffffff1a;border-radius:1rem;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 0 40px #00000080,0 0 80px #11998e1a}.login-header{text-align:center;margin-bottom:2rem}.login-logo{border-radius:.5rem;margin-bottom:1.5rem}.login-title{color:#fff;background:linear-gradient(135deg,#11998e,#38ef7d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.login-subtitle{color:#ffffff80;font-size:.9rem}.login-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{flex-direction:column;gap:.5rem;display:flex}.login-label{color:#ffffffb3;font-size:.875rem;font-weight:500}.login-input{color:#fff;background:#00000080;border:1px solid #ffffff1a;border-radius:.5rem;width:100%;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.login-input::placeholder{color:#ffffff4d}.login-input:focus{border-color:#11998e80;outline:none;box-shadow:0 0 0 3px #11998e1a}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-button{color:#0a0a0a;cursor:pointer;background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #11998e66,0 0 20px #38ef7d33}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{text-align:center;margin-top:2rem}.login-back{color:#ffffff80;font-size:.875rem;text-decoration:none;transition:color .2s}.login-back:hover{color:#11998e}.login-loading{color:#ffffff80;flex-direction:column;align-items:center;gap:1rem;font-size:.9rem;display:flex}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#11998e;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.loading-spinner-small{border:2px solid #0003;border-top-color:#0a0a0a;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.login-card{padding:1.5rem}.login-title{font-size:1.25rem}}