/* ==========================================================================
   PENCERELER v3 — giriş/kayıt (referanstan daha kaliteli, marka dünyası),
   ileride: diğer pencereler, SweetAlert, bildirim panelleri.
   Tokenlar nx-top-r.css :root'ta (--rs-*). Kabuk bu dosyayı her sayfada yükler.
   ========================================================================== */

/* ---------- GİRİŞ / KAYIT ---------- */
.auth-modal{background:radial-gradient(70% 60% at 30% 40%, rgba(109,40,217,.22), transparent 70%), rgba(5,2,14,.82)!important;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); font-family:var(--rs-f); color:#fff; padding:20px!important}
.auth-modal *{box-sizing:border-box}
.auth-shell{position:relative; display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1fr); width:min(1080px,100%);
  min-height:min(660px, calc(100dvh - 40px)); max-height:calc(100dvh - 40px); margin:auto; border-radius:18px; overflow:hidden;
  background:linear-gradient(180deg,#1f1446,#170f36); border:1px solid rgba(245,196,81,.16);
  box-shadow:0 50px 120px -30px rgba(0,0,0,.9), 0 0 0 1px rgba(255,255,255,.03) inset; animation:authIn .32s cubic-bezier(.2,.8,.2,1)}
@keyframes authIn{from{opacity:0; transform:translateY(14px) scale(.985)}to{opacity:1; transform:none}}

/* sol: marka sahnesi */
.auth-art{position:relative; overflow:hidden; background:#0b0618; isolation:isolate}
.auth-art-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center bottom; z-index:-3}
.auth-art::before{content:""; position:absolute; inset:0; z-index:-2;
  background:radial-gradient(55% 42% at 50% 46%, rgba(139,92,246,.42), transparent 70%),
             radial-gradient(40% 30% at 50% 50%, rgba(245,196,81,.16), transparent 70%),
             linear-gradient(180deg, rgba(14,7,32,.55) 0%, rgba(14,7,32,.05) 40%, rgba(14,7,32,.65) 100%)}
.auth-art::after{content:""; position:absolute; inset:0; z-index:2; pointer-events:none; box-shadow:inset -30px 0 60px -30px rgba(10,5,24,.9)}
.auth-art-isik{position:absolute; left:50%; top:46%; width:120%; aspect-ratio:1; transform:translate(-50%,-50%); z-index:-1; pointer-events:none;
  background:conic-gradient(from 0deg, transparent 0 20%, rgba(168,85,247,.16) 25%, transparent 32% 52%, rgba(245,196,81,.12) 58%, transparent 66% 100%);
  border-radius:50%; filter:blur(18px); animation:authDon 26s linear infinite}
.auth-art-halka{position:absolute; left:50%; top:46%; width:min(76%, 400px); aspect-ratio:1; transform:translate(-50%,-50%); border-radius:50%; pointer-events:none;
  border:1px solid rgba(245,196,81,.35); box-shadow:0 0 40px rgba(139,92,246,.35), inset 0 0 30px rgba(139,92,246,.25);
  background:repeating-conic-gradient(from 0deg, rgba(245,196,81,.55) 0 1.2deg, transparent 1.2deg 7.5deg);
  -webkit-mask:radial-gradient(circle, transparent 0 63%, #000 64% 66%, transparent 67% 69%, #000 70% 71%, transparent 72%);
          mask:radial-gradient(circle, transparent 0 63%, #000 64% 66%, transparent 67% 69%, #000 70% 71%, transparent 72%);
  animation:authDon 60s linear infinite}
.auth-art-logo{position:absolute; left:50%; top:46%; width:min(56%, 300px); aspect-ratio:1; transform:translate(-50%,-50%); object-fit:contain; border-radius:50%;
  filter:drop-shadow(0 24px 50px rgba(0,0,0,.6)) drop-shadow(0 0 34px rgba(139,92,246,.45)); animation:authSuz 6s ease-in-out infinite}
@keyframes authDon{to{transform:translate(-50%,-50%) rotate(1turn)}}
@keyframes authSuz{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}
.auth-art-parcacik{position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden}
.auth-art-parcacik i{position:absolute; bottom:-10px; width:4px; height:4px; border-radius:50%; background:#f5c451; box-shadow:0 0 10px 2px rgba(245,196,81,.7); opacity:0; animation:authYuksel 9s linear infinite}
.auth-art-parcacik i:nth-child(2n){background:#c084fc; box-shadow:0 0 10px 2px rgba(192,132,252,.7)}
.auth-art-parcacik i:nth-child(1){left:12%; animation-delay:0s}
.auth-art-parcacik i:nth-child(2){left:24%; animation-delay:2.2s; animation-duration:11s}
.auth-art-parcacik i:nth-child(3){left:37%; animation-delay:4.1s}
.auth-art-parcacik i:nth-child(4){left:49%; animation-delay:1.3s; animation-duration:12s}
.auth-art-parcacik i:nth-child(5){left:61%; animation-delay:5.6s}
.auth-art-parcacik i:nth-child(6){left:72%; animation-delay:3.2s; animation-duration:10s}
.auth-art-parcacik i:nth-child(7){left:83%; animation-delay:6.8s}
.auth-art-parcacik i:nth-child(8){left:92%; animation-delay:.8s; animation-duration:13s}
@keyframes authYuksel{0%{transform:translateY(0) scale(.6); opacity:0}12%{opacity:.9}80%{opacity:.5}100%{transform:translateY(-640px) scale(1.1); opacity:0}}
.auth-art-alt{position:absolute; left:0; right:0; bottom:26px; z-index:3; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding:0 20px}
.auth-art-alt span{display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 12px; border-radius:999px; font-size:12px; font-weight:700; color:rgba(255,255,255,.9);
  background:rgba(23,14,52,.55); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px)}
.auth-art-alt i{color:var(--rs-vurgu); font-size:12px}

/* sağ: form */
.auth-main{position:relative; display:flex; flex-direction:column; justify-content:center; padding:52px 60px; overflow-y:auto;
  background:radial-gradient(80% 50% at 100% 0%, rgba(245,196,81,.07), transparent 60%)}
.auth-close{position:absolute; top:16px; right:16px; z-index:2; width:38px; height:38px; display:grid; place-items:center; border-radius:10px;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.75); cursor:pointer; transition:background .15s, color .15s}
.auth-close:hover{background:rgba(255,255,255,.1); color:#fff}
.auth-tabs{position:relative; display:flex; gap:2px; width:100%; max-width:400px; margin:0 auto 28px; padding:4px; border-radius:12px; background:rgba(0,0,0,.22); border:1px solid rgba(255,255,255,.07)}
.auth-tab-hap{position:absolute; top:4px; bottom:4px; left:4px; width:calc(50% - 5px); border-radius:9px; background:linear-gradient(135deg,#ffd66e,var(--rs-vurgu)); box-shadow:0 4px 16px -6px rgba(245,196,81,.7); transition:transform .3s cubic-bezier(.4,0,.2,1)}
.auth-shell[data-view="register"] .auth-tab-hap{transform:translateX(calc(100% + 2px))}
.auth-tab{position:relative; z-index:1; flex:1; height:40px; border:0; border-radius:9px; background:none; cursor:pointer; font:800 14px var(--rs-f); color:rgba(255,255,255,.6); transition:color .25s}
.auth-tab.is-active{color:var(--rs-vurgu-yazi)}
.auth-tab:not(.is-active):hover{color:#fff}
.auth-form{width:100%; max-width:400px; margin:0 auto; animation:authForm .3s ease-out}
@keyframes authForm{from{opacity:0; transform:translateX(10px)}to{opacity:1; transform:none}}
.auth-head{margin-bottom:22px}
.auth-title{margin:0; font-size:28px; font-weight:900; line-height:1.15; letter-spacing:-.01em;
  background:linear-gradient(180deg,#fff 30%,#f6dfa5); -webkit-background-clip:text; background-clip:text; color:transparent}
.auth-sub{margin:7px 0 0; font-size:14px; font-weight:600; line-height:1.5; color:rgba(255,255,255,.55)}
.auth-field{margin:0 0 16px; border:0; padding:0; min-width:0}
.auth-field > label, .auth-field > legend{display:block; margin-bottom:8px; padding:0; font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:rgba(255,255,255,.62)}
.auth-input-wrap{position:relative}
.auth-input-icon{position:absolute; left:16px; top:50%; transform:translateY(-50%); font-size:14px; color:rgba(255,255,255,.38); pointer-events:none; transition:color .2s}
.auth-input{width:100%; height:52px; padding:0 48px 0 44px; border-radius:12px; outline:0; background:rgba(9,5,24,.55); border:1px solid rgba(255,255,255,.09);
  color:#fff; font:600 14.5px var(--rs-f); transition:border-color .2s, box-shadow .2s, background .2s}
.auth-input::placeholder{color:rgba(255,255,255,.34); font-weight:600}
.auth-input:hover{border-color:rgba(255,255,255,.16)}
.auth-input:focus{outline:none!important; border-color:rgba(245,196,81,.7)!important; background:rgba(9,5,24,.75)!important; box-shadow:0 0 0 4px rgba(245,196,81,.12), 0 8px 24px -12px rgba(245,196,81,.35)!important}
.auth-input-wrap:focus-within .auth-input-icon{color:var(--rs-vurgu)}
.auth-input:-webkit-autofill{-webkit-text-fill-color:#fff; -webkit-box-shadow:0 0 0 60px #160d33 inset; caret-color:#fff}
.auth-pass-toggle{position:absolute; right:8px; top:50%; transform:translateY(-50%); width:36px; height:36px; border:0; border-radius:9px; background:none; cursor:pointer; color:rgba(255,255,255,.5)}
.auth-pass-toggle:hover{background:rgba(255,255,255,.06); color:#fff}
.auth-turnstile{margin:4px 0 12px; min-height:0}
.auth-submit{position:relative; overflow:hidden; width:100%; height:52px; margin-top:6px; border:0; border-radius:12px; cursor:pointer;
  background:linear-gradient(135deg,#ffe08a,#f5c451 45%,#e2a63a); color:var(--rs-vurgu-yazi); font:900 15.5px var(--rs-f); letter-spacing:.01em;
  box-shadow:0 14px 30px -14px rgba(245,196,81,.75), inset 0 1px 0 rgba(255,255,255,.55); transition:transform .12s, filter .15s}
.auth-submit::after{content:""; position:absolute; top:0; bottom:0; left:-60%; width:45%; transform:skewX(-20deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); animation:authParilti 3.6s ease-in-out infinite}
@keyframes authParilti{0%,55%{left:-60%}85%,100%{left:130%}}
.auth-submit:hover{filter:brightness(1.06)}
.auth-submit:active{transform:translateY(1px) scale(.995)}
.auth-switch{margin:18px 0 0; text-align:center; font-size:13.5px; font-weight:600; color:rgba(255,255,255,.55)}
.auth-switch button{border:0; background:none; padding:0; cursor:pointer; font:800 13.5px var(--rs-f); color:var(--rs-vurgu)}
.auth-switch button:hover{text-decoration:underline; text-underline-offset:3px}
.auth-not{display:flex; align-items:center; justify-content:center; gap:7px; margin:12px 0 0; font-size:12px; font-weight:600; color:rgba(255,255,255,.45)}
.auth-not i{color:#38bdf8; font-size:14px}

/* şifre gücü */
.auth-strength{margin-top:9px}
.auth-strength-track{display:grid; grid-template-columns:repeat(4,1fr); gap:5px}
.auth-strength-track span{height:4px; border-radius:2px; background:rgba(255,255,255,.1); transition:background .25s}
.auth-strength[data-score="1"] .auth-strength-track span:nth-child(-n+1){background:#f43f5e}
.auth-strength[data-score="2"] .auth-strength-track span:nth-child(-n+2){background:#fb923c}
.auth-strength[data-score="3"] .auth-strength-track span:nth-child(-n+3){background:#f5c451}
.auth-strength[data-score="4"] .auth-strength-track span{background:#34d399}
.auth-strength-copy{display:flex; justify-content:space-between; margin-top:6px; font-size:11px; font-weight:600; color:rgba(255,255,255,.42)}
.auth-strength-copy strong{color:rgba(255,255,255,.75)}

/* profil stili (cinsiyet) */
.auth-gender-grid{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.auth-gender-card{position:relative; cursor:pointer}
.auth-gender-card input{position:absolute; opacity:0; pointer-events:none}
.auth-gender-card span{display:flex; align-items:center; justify-content:center; gap:8px; height:46px; border-radius:12px; font-size:14px; font-weight:800;
  background:rgba(9,5,24,.45); border:1px solid rgba(255,255,255,.09); color:rgba(255,255,255,.6); transition:border-color .2s, color .2s, background .2s}
.auth-gender-card span i{font-size:13px}
.auth-gender-card input:checked + span{border-color:rgba(245,196,81,.75); background:rgba(245,196,81,.10); color:#fff; box-shadow:0 0 0 3px rgba(245,196,81,.1)}
.auth-gender-card input:checked + span i{color:var(--rs-vurgu)}
.auth-gender-card input:focus-visible + span{outline:2px solid var(--rs-vurgu); outline-offset:2px}

/* mobil: üstte marka bandı, altta form */
@media (max-width:860px){
  .auth-modal{padding:0!important; align-items:stretch!important}
  .auth-shell{display:flex; flex-direction:column; width:100%; min-height:100dvh; max-height:none; border-radius:0; border:0; overflow:visible}
  .auth-art{height:230px; flex:none}
  .auth-art-logo{width:150px; top:44%}
  .auth-art-halka{width:200px; top:44%}
  .auth-art-alt{bottom:12px; gap:6px}
  .auth-art-alt span{height:28px; font-size:11px; padding:0 10px}
  .auth-art-alt span:nth-child(3){display:none}
  .auth-main{padding:22px 18px 40px; overflow:visible; justify-content:flex-start}
  .auth-close{position:fixed; top:12px; right:12px; background:rgba(10,5,24,.6); backdrop-filter:blur(6px)}
  .auth-tabs{margin-bottom:22px}
  .auth-title{font-size:24px}
}
@media (prefers-reduced-motion:reduce){
  .auth-shell, .auth-form, .auth-art-isik, .auth-art-halka, .auth-art-logo, .auth-art-parcacik i, .auth-submit::after{animation:none!important}
  .auth-art-parcacik{display:none}
  .auth-tab-hap{transition:none}
}

/* ---------- DİĞER PENCERELER: hediye kodu (#pModal), yatırım (#depModal), hikâye (#sModal) ---------- */
#pModal, #depModal, #sModal{background:radial-gradient(70% 60% at 50% 40%, rgba(109,40,217,.22), transparent 70%), rgba(5,2,14,.84)!important;
  backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important; font-family:var(--rs-f)}
#pModal h2, #pModal p, #pModal input, #pModal button, #depModal h2, #depModal p, #depModal input, #depModal button, #sModal h2, #sModal h3, #sModal p, #sModal a{font-family:var(--rs-f)}
#pModal .rgb-frame, #depModal .rgb-frame{border-radius:20px; padding:1.5px; background:#2a1b5c; box-shadow:0 40px 90px -30px rgba(0,0,0,.9), 0 0 60px -20px rgba(245,196,81,.35)!important}
#pModal .rgb-frame::before, #depModal .rgb-frame::before{background:conic-gradient(from 0deg, transparent 0 55%, rgba(245,196,81,.95) 70%, #fff3cf 75%, rgba(168,85,247,.9) 85%, transparent 95%)!important}
#pModal .rgb-frame > .rgb-inner, #depModal .rgb-frame > .rgb-inner{border-radius:18.5px; background:radial-gradient(90% 60% at 50% 0%, rgba(245,196,81,.10), transparent 60%), linear-gradient(180deg,#1f1446,#160e34)!important}
#pModal .rgb-ring::before{background:conic-gradient(from 0deg,#f5c451,#fff3cf,#a855f7,#6d28d9,#f5c451)!important}
#pModal .rgb-text{background:linear-gradient(180deg,#fff 30%,#f6dfa5)!important; -webkit-background-clip:text!important; background-clip:text!important; -webkit-text-fill-color:transparent!important; animation:none!important; letter-spacing:.08em}
#pModal input, #depModal input{height:56px!important; border-radius:12px!important; background:rgba(9,5,24,.6)!important; border:1px solid rgba(255,255,255,.1)!important; color:#fff!important; font-weight:800!important; letter-spacing:.12em}
#pModal input:focus, #depModal input:focus{outline:none!important; border-color:rgba(245,196,81,.7)!important; box-shadow:0 0 0 4px rgba(245,196,81,.12)!important}
#pModal button[onclick^="useP"], #depModal button[onclick^="confirmDeposit"]{background:linear-gradient(135deg,#ffe08a,#f5c451 45%,#e2a63a)!important; color:#1f1403!important; border-radius:12px!important; border:0!important;
  box-shadow:0 14px 30px -14px rgba(245,196,81,.75), inset 0 1px 0 rgba(255,255,255,.55)!important; font-weight:900!important}
#pModal button[onclick^="hideModal"], #depModal button[onclick^="hideModal"], #sModal button[onclick^="cS"]{background:rgba(255,255,255,.06)!important; border:1px solid rgba(255,255,255,.1)!important; border-radius:10px!important; color:rgba(255,255,255,.75)!important}
#pModal p, #depModal p{color:rgba(255,255,255,.5)}
#depModal #depQuick button{border-radius:10px!important; background:rgba(255,255,255,.05)!important; border:1px solid rgba(255,255,255,.1)!important; color:#fff!important}
#sModal .bg-card{background:linear-gradient(180deg,#1f1446,#160e34)!important; border-color:rgba(245,196,81,.18)!important; border-radius:20px!important}

/* ---------- SweetAlert2 (tüm uyarı/onay kutuları) ---------- */
body .swal2-container.swal2-backdrop-show{background:rgba(5,2,14,.78)!important; backdrop-filter:blur(6px)}
body .swal2-popup{font-family:var(--rs-f)!important; background:radial-gradient(90% 60% at 50% 0%, rgba(245,196,81,.08), transparent 60%), linear-gradient(180deg,#1f1446,#170f36)!important;
  border:1px solid rgba(245,196,81,.18)!important; border-radius:18px!important; box-shadow:0 40px 90px -30px rgba(0,0,0,.9)!important; color:#fff!important}
body .swal2-title{font-family:var(--rs-f)!important; font-weight:900!important; letter-spacing:.02em; color:#fff!important}
body .swal2-html-container{font-family:var(--rs-f)!important; color:rgba(255,255,255,.7)!important}
body .swal2-actions{gap:8px}
body .swal2-confirm, body .swal2-styled.swal2-confirm{background:linear-gradient(135deg,#ffe08a,#f5c451 45%,#e2a63a)!important; color:#1f1403!important; border:0!important; border-radius:12px!important;
  padding:12px 26px!important; font:900 13px var(--rs-f)!important; letter-spacing:.06em; text-transform:uppercase; box-shadow:0 12px 26px -14px rgba(245,196,81,.75)!important}
body .swal2-cancel, body .swal2-styled.swal2-cancel{background:rgba(255,255,255,.06)!important; color:rgba(255,255,255,.75)!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:12px!important;
  padding:12px 22px!important; font:800 13px var(--rs-f)!important; text-transform:uppercase}
body .swal2-icon.swal2-success{border-color:rgba(52,211,153,.5)!important; color:#34d399!important}
body .swal2-icon.swal2-success [class^=swal2-success-line]{background-color:#34d399!important}
body .swal2-icon.swal2-success .swal2-success-ring{border-color:rgba(52,211,153,.35)!important}
body .swal2-icon.swal2-error{border-color:rgba(244,63,94,.55)!important; color:#f43f5e!important}
body .swal2-icon.swal2-error [class^=swal2-x-mark-line]{background-color:#f43f5e!important}
body .swal2-icon.swal2-warning{border-color:rgba(245,196,81,.6)!important; color:#f5c451!important}
body .swal2-icon.swal2-question, body .swal2-icon.swal2-info{border-color:rgba(167,139,250,.6)!important; color:#a78bfa!important}
body .swal2-toast{background:linear-gradient(180deg,#22174d,#1a1240)!important; border:1px solid rgba(245,196,81,.2)!important; border-radius:14px!important}
body .swal2-timer-progress-bar{background:linear-gradient(90deg,#f5c451,#a855f7)!important}

/* ---------- Bildirim panelleri (#ntDrop masaüstü, #ntDropM mobil) ---------- */
body > #ntDrop, body > #ntDropM{font-family:var(--rs-f)!important; background:linear-gradient(180deg,#1f1446,#170f36)!important; border:1px solid rgba(245,196,81,.16)!important;
  box-shadow:0 30px 70px -24px rgba(0,0,0,.85)!important; color:#fff}
body > #ntDrop{border-radius:16px!important}
body > #ntDrop .border-b, body > #ntDropM .border-b{border-color:rgba(255,255,255,.07)!important}