#authPage{align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}#authPage.active{display:flex}.auth-bg{position:absolute;inset:0;pointer-events:none;z-index:0}.auth-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.2}.b1{width:320px;height:320px;background:#562AE8;top:-100px;right:-100px}.b2{width:220px;height:220px;background:#833ab4;bottom:80px;left:-80px}.b3{width:180px;height:180px;background:#fd1d1d;bottom:-50px;right:60px}.auth-card{position:relative;z-index:1;width:100%;max-width:480px;padding:calc(60px + var(--sat)) 28px calc(32px + var(--sab));background:var(--bg);border-radius:0;box-shadow:none;margin:0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;animation:slideUp .4s ease}@keyframes slideUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-logo{text-align:center;margin-bottom:24px}.logo-sub{font-size:14px;color:var(--text2);margin-top:4px}.auth-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.pill{padding:6px 14px;border-radius:20px;border:1.5px solid var(--border);background:transparent;color:var(--text2);font-size:13px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:all .2s}.pill.active{border-color:var(--primary);color:var(--primary);background:rgba(86,42,232,.08)}.input-group{margin-bottom:12px}.input-group input{width:100%;padding:14px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--input-bg);color:var(--text);font-size:15px;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(86,42,232,.12)}.input-group input::placeholder{color:var(--text3)}.auth-err{font-size:13px;color:#e41c23;min-height:20px;margin-bottom:8px;padding:0 4px;font-weight:600}.auth-switch{text-align:center;margin-top:16px;font-size:14px;color:var(--text2)}.auth-switch a{color:var(--primary);font-weight:700;cursor:pointer}
/* Google Sign-In Button */
.gx-btn-google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  padding: 13px 16px;
  margin-top: 8px;
  border: 1.5px solid var(--border, #e0e0e0);
  border-radius: 50px;
  background: var(--card, #fff);
  color: var(--text, #0f1419);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s;
  letter-spacing: 0.01em;
}
.gx-btn-google:active { background: var(--hover, #f0f0f0); }
.gx-google-sep { display:flex;align-items:center;gap:8px;margin:12px 0;color:var(--text2,#888);font-size:13px; }
.gx-google-sep::before,.gx-google-sep::after { content:'';flex:1;height:1px;background:var(--border,#e0e0e0); }