.auth-container{background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 50%,#16213e 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32e6;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 60px #00000080}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:700}.auth-header p{color:#fff9;margin:0;font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.auth-error{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;padding:12px 16px;font-size:14px}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#fffc;font-size:14px;font-weight:500}.form-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:14px 16px;font-size:15px;transition:all .2s}.form-group input:focus{background:#ffffff14;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f133}.form-group input::placeholder{color:#ffffff4d}.form-group input:disabled{opacity:.6;cursor:not-allowed}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;margin-top:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:24px;padding-top:24px}.auth-footer p{color:#fff9;margin:0;font-size:14px}.auth-footer a{color:#8b5cf6;font-weight:500;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#a78bfa}