.login-page-wrapper{min-height:100vh;width:100%;background:linear-gradient(180deg,#2C2C2C 4.07%,#090909);display:flex;justify-content:center;align-items:center;padding:1rem}.login-container{width:100%;max-width:400px}.login-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.login-card h1{color:white;font-size:1.75rem;font-weight:600;margin-bottom:2rem;text-align:center}.login-form{gap:1.5rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#87A1DA;font-size:.875rem;font-weight:500}.form-group input{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.75rem 1rem;color:white;font-size:1rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#87A1DA;background:rgba(255,255,255,.15)}.form-group input::placeholder{color:rgba(255,255,255,.5)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:.75rem 1rem;color:#fca5a5;font-size:.875rem;text-align:center}.login-button{background:linear-gradient(90deg,#87A1DA,#6B8BC3);color:white;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;margin-top:1rem}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(135,161,218,.3)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-icon,.login-footer{font-size:.875rem}.login-footer{margin-top:2rem;text-align:center;color:rgba(255,255,255,.7)}.login-footer a{color:#87A1DA;text-decoration:none;font-weight:500;transition:color .2s ease}.login-footer a:hover{color:#6B8BC3}