/* HardLink — css/login4784.css */

.auth-wrap{
  min-height:calc(100vh - 74px);
  display:flex;align-items:center;justify-content:center;
  padding:2.5rem 1.2rem;
  position:relative;
}
.auth-wrap::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(600px 400px at 50% 0%, rgba(139,124,246,.14), transparent 65%);
  pointer-events:none;
}
.auth-card{
  width:100%;max-width:400px;
  padding:2rem 1.9rem 1.7rem;
  position:relative;z-index:1;
}
.auth-tabs{
  display:flex;gap:.4rem;
  background:rgba(255,255,255,.04);
  border:1px solid var(--panel-border);
  border-radius:14px;
  padding:.3rem;
  margin-bottom:1.6rem;
}
.auth-tab{
  flex:1;padding:.6rem;border-radius:10px;
  background:transparent;border:none;color:var(--text-mid);
  font-family:var(--font-display);font-weight:600;font-size:.85rem;
  transition:background .2s var(--ease), color .2s var(--ease);
}
.auth-tab.active{background:linear-gradient(135deg,var(--violet),var(--violet-deep));color:#fff}

#authTitle{font-family:var(--font-display);font-weight:700;font-size:1.5rem;margin-bottom:.3rem}
.auth-sub{color:var(--text-mid);font-size:.88rem;margin-bottom:1.5rem}

.google-btn{margin-bottom:1.3rem}
.google-btn svg{width:1.2em;height:1.2em}

.divider{
  display:flex;align-items:center;gap:.8rem;
  color:var(--text-low);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;
  margin-bottom:1.3rem;
}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--panel-border)}

.field-label{
  display:block;font-size:.76rem;color:var(--text-low);
  margin:0 0 .4rem;letter-spacing:.02em;
}
#authForm input{margin-bottom:1.05rem}

.auth-error{
  color:var(--danger);font-size:.82rem;margin:-.4rem 0 .9rem;
  min-height:1.1em;
}

.auth-switch{
  text-align:center;margin-top:1.4rem;
  font-size:.86rem;color:var(--text-mid);
}
.auth-switch a{color:var(--violet);font-weight:600;margin-left:.3rem}
.auth-switch a:hover{text-decoration:underline}