/* =========================================================
   arvcoin — auth pages (login / signup)
   ========================================================= */
.auth-wrap{
  position:relative;z-index:1;min-height:100vh;display:grid;
  grid-template-columns:1.05fr .95fr;
}

/* ---- left brand panel ---- */
.auth-brand{
  position:relative;overflow:hidden;
  padding:48px;display:flex;flex-direction:column;justify-content:space-between;
  border-right:1px solid var(--stroke);
}
.auth-brand .ab-glow{
  position:absolute;inset:0;pointer-events:none;background:
    radial-gradient(40% 40% at 30% 30%,rgba(124,92,255,.35),transparent 70%),
    radial-gradient(45% 45% at 75% 70%,rgba(0,224,255,.25),transparent 70%);
}
.auth-brand .ab-top{position:relative;z-index:2}
.auth-coin{
  position:relative;z-index:2;align-self:center;margin:auto 0;
  width:200px;height:200px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,rgba(0,224,255,.35),rgba(124,92,255,.15) 60%,rgba(5,6,15,.9));
  border:1px solid var(--stroke-strong);
  box-shadow:inset 0 0 50px rgba(0,224,255,.3),0 0 80px rgba(124,92,255,.35);
  animation:bob 6s ease-in-out infinite;
}
.auth-coin::before{
  content:"";position:absolute;inset:-14px;border-radius:50%;border:2px solid transparent;
  background:conic-gradient(from 0deg,#7c5cff,#00e0ff,#00ffa3,#7c5cff) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;animation:spin 9s linear infinite;
}
.auth-tag{position:relative;z-index:2}
.auth-tag h2{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.auth-tag p{color:var(--muted);margin-top:10px;max-width:340px}
.auth-points{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;margin-top:22px}
.auth-points li{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;list-style:none}
.auth-points .tick{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:#04120c;font-size:13px;font-weight:800}

/* ---- right form panel ---- */
.auth-form-side{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.auth-card{width:100%;max-width:420px;padding:38px 34px;border-radius:var(--radius-lg);
  background:var(--panel);border:1px solid var(--stroke);backdrop-filter:blur(16px);box-shadow:var(--shadow)}
.auth-card .a-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.auth-card h1{font-size:28px;font-weight:800;letter-spacing:-.02em}
.auth-card .a-sub{color:var(--muted);margin-top:6px;font-size:15px}

.field{margin-top:18px}
.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px;font-weight:600}
.field .input-wrap{position:relative;display:flex;align-items:center}
.field .input-wrap .ic{position:absolute;left:15px;color:var(--muted-2);display:grid;place-items:center}
.field input{
  width:100%;padding:14px 16px 14px 44px;border-radius:14px;
  background:rgba(5,6,15,.6);border:1px solid var(--stroke-strong);
  color:var(--txt);font-family:var(--font);font-size:15px;outline:none;transition:.25s;
}
.field input:focus{border-color:var(--cyan);box-shadow:var(--glow-c)}
.field .toggle-eye{position:absolute;right:14px;background:none;border:0;color:var(--muted-2);cursor:pointer;padding:4px}
.field .err{color:var(--down);font-size:12px;margin-top:6px;display:none}
.field.invalid input{border-color:var(--down)}
.field.invalid .err{display:block}

.auth-row{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:13px}
.auth-row label{display:flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer}
.auth-row a{color:var(--cyan)}
.auth-row input{accent-color:var(--cyan)}

.auth-card .btn.full{width:100%;justify-content:center;margin-top:22px}

.divider-or{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--muted-2);font-size:13px}
.divider-or::before,.divider-or::after{content:"";flex:1;height:1px;background:var(--stroke)}

.social-btns{display:flex;gap:12px}
.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;
  padding:12px;border-radius:14px;background:var(--panel-2);border:1px solid var(--stroke-strong);
  color:var(--txt);font-size:14px;font-weight:600;cursor:pointer;transition:.25s}
.social-btn:hover{border-color:var(--cyan);transform:translateY(-2px)}

.auth-switch{text-align:center;margin-top:24px;color:var(--muted);font-size:14px}
.auth-switch a{color:var(--cyan);font-weight:600}

.a-msg{margin-top:16px;padding:12px 14px;border-radius:12px;font-size:13.5px;display:none}
.a-msg.ok{display:block;background:rgba(47,224,138,.12);border:1px solid rgba(47,224,138,.35);color:var(--up)}
.a-msg.bad{display:block;background:rgba(255,93,108,.12);border:1px solid rgba(255,93,108,.35);color:var(--down)}

.back-home{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;margin-bottom:8px}
.back-home:hover{color:var(--txt)}

/* strength meter */
.strength{display:flex;gap:6px;margin-top:10px}
.strength span{flex:1;height:4px;border-radius:3px;background:var(--stroke)}
.strength.s1 span:nth-child(1){background:var(--down)}
.strength.s2 span:nth-child(-n+2){background:#ffb020}
.strength.s3 span:nth-child(-n+3){background:var(--cyan)}
.strength.s4 span{background:var(--mint)}

@media(max-width:900px){
  .auth-wrap{grid-template-columns:1fr}
  .auth-brand{display:none}
}


/* Cloudflare Turnstile captcha spacing */
.cf-turnstile{margin:18px 0 4px;display:flex;justify-content:center}