/* VoxCard giriş / kayıt — cila v3 · 2026-10-25  (vox-auth.css'ten SONRA yüklenir) */

/* Okunabilirlik: 9–11px metinleri büyüt */
.vox-auth-heading small{font-size:.74rem;letter-spacing:.14em}
.vox-auth-heading h2{letter-spacing:-.05em;line-height:1.02}
.vox-auth-heading p{font-size:1rem;line-height:1.6;margin-top:12px}
.vox-auth-field label,.vox-auth-field-head>label{font-size:.82rem;letter-spacing:.01em;color:#3f463d}
.vox-auth-field-head a{font-size:.8rem;color:#3e5a32;font-weight:800}
.vox-auth-divider{font-size:.7rem;letter-spacing:.1em;margin:24px 0}
.vox-auth-social-legal{font-size:.74rem;color:#7a8077}
.vox-auth-switch{font-size:.9rem;margin-top:26px}
.vox-auth-secure-note{font-size:.76rem;margin-top:18px}
.vox-auth-legal{font-size:.8rem}
.vox-auth-alert{font-size:.86rem}

/* Alanlar */
.vox-auth-input{grid-template-columns:48px minmax(0,1fr) auto;min-height:58px;border-radius:16px;border:1.5px solid rgba(23,26,22,.12);background:#fff;box-shadow:0 1px 0 rgba(23,26,22,.03),0 10px 26px -18px rgba(23,26,22,.35)}
.vox-auth-input:hover{border-color:rgba(23,26,22,.26)}
.vox-auth-input:focus-within{border-color:#171a16;background:#fff;box-shadow:0 0 0 4px rgba(200,255,56,.5),0 10px 26px -18px rgba(23,26,22,.35)}
.vox-auth-input input{height:56px;font-size:1rem;font-weight:600;padding:0 12px 0 0}
.vox-auth-input input::placeholder{font-size:.95rem;font-weight:500;color:#9ba197}
.vox-auth-input>.vox-auth-ico{padding-left:4px;color:#7b8277;transition:color .2s}
.vox-auth-input:focus-within>.vox-auth-ico{color:#171a16}
.vox-auth-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Şifre göster/gizle */
.vox-auth-input button[data-password-toggle]{width:42px;height:42px;margin-right:8px;border-radius:12px;display:grid;place-items:center;color:#7b8277}
.vox-auth-input button[data-password-toggle]:hover{color:#171a16;background:rgba(23,26,22,.06)}
.vox-auth-input button[data-password-toggle] svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vox-auth-input button[data-password-toggle] .eye-off{display:none}
.vox-auth-input button[data-password-toggle].is-visible .eye-on{display:none}
.vox-auth-input button[data-password-toggle].is-visible .eye-off{display:block}

/* Ana düğme */
.vox-auth-primary{min-height:60px;font-size:1.02rem;border-radius:17px;gap:11px;
  background:linear-gradient(180deg,#d4ff4f,#bff526);border:1.5px solid #171a16;
  box-shadow:0 2px 0 #171a16,0 18px 34px -14px rgba(155,196,45,.7)}
.vox-auth-primary:hover{background:linear-gradient(180deg,#dcff72,#c8ff38);transform:translateY(-1px);box-shadow:0 3px 0 #171a16,0 22px 38px -14px rgba(155,196,45,.8)}
.vox-auth-primary:active{transform:translateY(1px);box-shadow:0 0 0 #171a16,0 8px 18px -10px rgba(155,196,45,.7)}
.vox-auth-primary:focus-visible,.vox-auth-provider:focus-visible,.vox-auth-magic:focus-visible{outline:3px solid #171a16;outline-offset:3px}
.vox-auth-primary span[aria-hidden]{transition:transform .2s}
.vox-auth-primary:hover span[aria-hidden]{transform:translateX(3px)}
.vox-auth-primary.is-loading{position:relative;color:transparent}
.vox-auth-primary.is-loading::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:3px solid rgba(23,26,22,.25);border-top-color:#171a16;animation:vaSpin .7s linear infinite}
@keyframes vaSpin{to{transform:rotate(360deg)}}

/* Şifresiz giriş */
.vox-auth-magic{min-height:54px;font-size:.95rem;border-radius:15px;gap:10px;color:#3f463d;background:#fff;border:1.5px dashed rgba(23,26,22,.22)}
.vox-auth-magic:hover{border-style:solid;border-color:#171a16}
.vox-auth-magic .vox-auth-ico svg{width:18px;height:18px;fill:none;stroke:#7a9a22;stroke-width:1.8;stroke-linejoin:round}

/* Google / Apple */
.vox-auth-provider{min-height:56px;font-size:.95rem;border-radius:15px;font-weight:800}
.vox-auth-provider svg{width:22px;height:22px}

/* Sol hikaye paneli */
.vox-auth-story .vox-auth-brand>img{width:176px;max-width:50vw}
.vox-auth-kicker{font-size:.76rem}
.vox-auth-trust-row span{font-size:.82rem}
.vox-auth-story-copy p{font-size:1.1rem}
.vox-auth-story-footer{font-size:.74rem}

@media(max-width:640px){
  .vox-auth-providers{grid-template-columns:1fr}
  .vox-auth-heading h2{font-size:clamp(2.2rem,10.5vw,3rem)}
  .vox-auth-input input,.vox-auth-input input::placeholder{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.vox-auth-primary,.vox-auth-primary span{transition:none!important}.vox-auth-primary.is-loading::after{animation-duration:2s}}

/* Yüzen WhatsApp düğmesi son satırları kapatmasın */
.vox-auth-main{padding-bottom:max(110px,env(safe-area-inset-bottom))}
.vox-auth-hint{display:block;margin-top:2px;color:#7a8077;font-size:.78rem;line-height:1.4}