/* Auth pages use the same design tokens as home.css */

.auth-wrap{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:40px 18px;
}

.auth-brand{ text-decoration:none; color:inherit; margin-bottom:14px; }
.auth-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border:1px solid var(--stroke);
  border-radius:999px;
  background: rgba(255,255,255,.04);
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
  font-weight:700;
  letter-spacing:.2px;
}

.auth-card{
  width:min(430px, 100%);
  border:1px solid var(--stroke);
  border-radius: var(--radius);
  background: rgba(15,22,41,.45);
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);
  padding:22px;
}

.auth-title{ margin:0 0 14px; font-size:22px; }

.form{ display:flex; flex-direction:column; gap:12px; }

.field span{ display:block; font-size:13px; color:rgba(255,255,255,.78); margin-bottom:6px; }
.field input{
  width:100%;
  padding:11px 12px;
  border-radius:12px;
  border:1px solid var(--stroke);
  background: rgba(0,0,0,.20);
  color: var(--text);
  outline:none;
}
.field input:focus{ border-color: rgba(0,210,255,.55); box-shadow: 0 0 0 3px rgba(0,210,255,.12); }

.check{ display:flex; align-items:center; gap:10px; color: var(--muted); font-size:14px; }

.wfull{ width:100%; }

.links{ display:flex; flex-direction:column; gap:8px; margin-top:2px; }
.links a{ color: rgba(0,210,255,.95); text-decoration:none; }
.links a:hover{ text-decoration:underline; }

.divider{ display:flex; align-items:center; gap:10px; margin:8px 0 2px; color: rgba(255,255,255,.55); }
.divider::before,.divider::after{ content:""; flex:1; height:1px; background: rgba(255,255,255,.12); }
.divider span{ font-size:12px; }

.alert{ border:1px solid var(--stroke); border-radius:14px; padding:10px 12px; margin:0 0 12px; }
.alert ul{ margin:0; padding-left:18px; }
.alert--success{ background: rgba(34,197,94,.10); }
.alert--danger{ background: rgba(239,68,68,.10); }

.muted{ color: var(--muted); margin: 0 0 10px; }

.auth-foot{ color: rgba(255,255,255,.55); margin-top:14px; font-size:12px; }