/* =========================================================================
   KRATOS — captcha.css  (basit şekil CAPTCHA)
   ========================================================================= */

.captcha-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);
  display:none;align-items:center;justify-content:center;z-index:110;padding:20px;
  animation:fadeIn .2s ease;
}
.captcha-overlay.active{display:flex}

.captcha-box{
  width:100%;max-width:380px;background:var(--bg-dark);border:1px solid var(--gold-dark);
  border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.7);
  animation:slideUp .3s ease;
}
.captcha-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;border-bottom:1px solid var(--border);
}
.captcha-head h3{color:#fff;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.captcha-head .cc-close{
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  color:#B0B0B0;font-size:14px;cursor:pointer;border-radius:4px;
}
.captcha-head .cc-close:hover{background:rgba(255,255,255,.06);color:#fff}

.captcha-body{padding:18px 18px 20px}

.captcha-prompt{
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 10px;background:var(--bg-second);border:1px solid var(--border);
  border-radius:8px;margin-bottom:16px;font-size:13.5px;color:#E0E0E0;
}
.captcha-prompt .target-shape{
  width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;
  background:var(--bg-dark);border:2px solid var(--gold);color:var(--gold);font-size:22px;
}
.captcha-prompt strong{color:var(--gold);font-weight:800}

.captcha-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;
}
.captcha-cell{
  aspect-ratio:1/1;background:var(--bg-second);border:1px solid var(--border);border-radius:8px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;
  font-size:32px;user-select:none;
}
.captcha-cell:hover{border-color:var(--gold);transform:translateY(-2px);background:var(--bg-third)}
.captcha-cell.correct{border-color:var(--green);background:rgba(59,191,104,.15);color:var(--green)}
.captcha-cell.wrong{border-color:var(--red);background:rgba(224,67,75,.15);color:var(--red);animation:shake .3s}
@keyframes shake{
  0%,100%{transform:translateX(0)}
  25%{transform:translateX(-4px)}
  75%{transform:translateX(4px)}
}

.captcha-footer{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-top:10px;border-top:1px solid var(--border);
}
.captcha-footer .refresh-btn{
  padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;
  color:#B0B0B0;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s;
}
.captcha-footer .refresh-btn:hover{border-color:var(--gold);color:var(--gold)}
.captcha-footer .attempts{color:var(--text-muted);font-size:11px;letter-spacing:.05em}
.captcha-footer .attempts span{color:var(--gold);font-weight:700}

.captcha-status{
  margin-top:10px;padding:10px;border-radius:6px;font-size:12px;text-align:center;
  font-weight:600;display:none;
}
.captcha-status.ok{display:block;background:rgba(59,191,104,.12);border:1px solid var(--green);color:var(--green)}
.captcha-status.err{display:block;background:rgba(224,67,75,.12);border:1px solid var(--red);color:var(--red)}

/* RESPONSIVE */
@media (max-width:480px){
  .captcha-prompt{font-size:12px;padding:10px}
  .captcha-prompt .target-shape{width:30px;height:30px;font-size:18px}
  .captcha-cell{font-size:26px}
}