.auth-container{height:100%;width:100%;backdrop-filter:blur(5px);pointer-events:auto;background-color:#f0f2f5cc;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.auth-card{width:320px;background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #0a3d621a}.auth-header{text-align:center;margin-bottom:2.5rem}.avatar-circle{width:80px;height:80px;background-color:#f0f5f7;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 2rem;display:flex}.avatar-icon{width:60px;height:60px;background-color:#e0eef2;border-radius:50%}.auth-form{flex-direction:column;gap:1rem;display:flex}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#0a3d62;position:absolute;left:12px}.input-group input{width:100%;color:#0a3d62;background:#fff;border:1px solid #e0eef2;border-radius:12px;padding:12px 12px 12px 44px;font-size:.9rem;transition:all .3s}.input-group input::placeholder{color:#a0b8c4}.input-group input:focus{border-color:#4ba9c0;outline:none;box-shadow:0 0 0 2px #4ba9c01a}.auth-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;width:100%;background:linear-gradient(90deg,#0a3d62 0%,#4ba9c0 100%);border:none;border-radius:12px;margin-top:1.5rem;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.auth-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0a3d6233}.auth-button:disabled{cursor:not-allowed;background:linear-gradient(90deg,#a0b8c4 0%,#c4d6de 100%);transform:none}.auth-link{text-align:center;color:#0a3d62;margin-top:1.5rem;font-size:.9rem}.auth-link a{color:#4ba9c0;font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.error-message{color:#ff3b30;text-align:center;background:#ff3b301a;border-radius:8px;margin-bottom:1rem;padding:10px;font-size:.9rem}