/* ====================================================================
   giris.css — mm2.money giris / kayit penceresi (2026-10-14), assets/js/giris.js
   Karemsi koseler, hover yok, secili = kabarik kutu. Sitenin degiskenleri (dark otomatik).
   ==================================================================== */
html.gr-acik, html.gr-acik body { overflow:hidden; }
.gr-perde { position:fixed; inset:0; z-index:9500; display:grid; place-items:center; padding:20px 16px; overflow-y:auto;
  background:rgba(15,23,42,.42); -webkit-backdrop-filter:blur(6px) saturate(120%); backdrop-filter:blur(6px) saturate(120%); }
html[data-tema="koyu"] .gr-perde { background:rgba(0,0,0,.68); }
.gr-perde[hidden] { display:none; }
.gr-pen { position:relative; width:100%; max-width:420px; padding:26px 24px 22px; border-radius:20px; background:var(--kd-yuzey, #fff); color:var(--ink);
  box-shadow:0 30px 70px -24px rgba(15,42,86,.5), 0 2px 8px rgba(15,42,86,.08), inset 0 0 0 1px var(--kd-kenar, transparent); }
html[data-tema="koyu"] .gr-pen { background:var(--k-pencere, #111); box-shadow:0 30px 70px -20px rgba(0,0,0,.85), inset 0 0 0 1px var(--kd-kenar, #1C1C1C); }
.gr-x { position:absolute; top:14px; right:14px; width:34px; height:34px; display:grid; place-items:center; border-radius:9px; color:var(--ink-2); background:var(--buz); }
.gr-x svg { width:16px; height:16px; }
.gr-x:active { box-shadow:inset 0 2px 5px rgba(15,42,86,.18); }

.gr-ust { margin:0 40px 16px 0; }
.gr-logo { font-size:18px; font-weight:800; letter-spacing:-.04em; margin-bottom:12px; }
.gr-logo span { color:var(--mavi); }
.gr-ust h2 { margin:0; font-size:21px; font-weight:800; letter-spacing:-.035em; }
.gr-not { display:flex; align-items:flex-start; gap:10px; margin:12px -40px 0 0; padding:11px 13px; border-radius:12px; font-size:13px; line-height:1.5; color:var(--ink-2);
  background:var(--mavi-sis); box-shadow:inset 0 0 0 1px var(--mavi-ln); }
.gr-not[hidden] { display:none; }
.gr-not svg { width:17px; height:17px; flex:0 0 auto; margin-top:1px; color:var(--mavi); }
.gr-not b { color:var(--ink); }

/* sekme */
.gr-sekme { position:relative; display:grid; grid-template-columns:1fr 1fr; padding:4px; margin-bottom:16px; border-radius:12px; background:var(--buz); box-shadow:inset 0 0 0 1px var(--kd-kenar, transparent); }
.gr-sekme[hidden] { display:none; }
.gr-sekme button { position:relative; z-index:1; height:38px; border-radius:9px; font-size:14px; font-weight:700; color:var(--ink-2); transition:color .25s ease; }
.gr-sekme button.on { color:var(--ink); }
.gr-sekme-iz { position:absolute; left:0; top:4px; height:38px; border-radius:9px; background:var(--kd-yuzey, #fff);
  box-shadow:0 1px 2px rgba(15,42,86,.12), 0 3px 10px -4px rgba(15,42,86,.2); transition:transform .38s cubic-bezier(.3,.85,.2,1), width .38s cubic-bezier(.3,.85,.2,1); }
html[data-tema="koyu"] .gr-sekme-iz { background:var(--k-kabarik, #181818); box-shadow:inset 0 -2px 0 rgba(0,0,0,.5); }

.gr-govde { overflow:hidden; }
.gr-form { display:flex; flex-direction:column; gap:10px; padding:1px; }

/* sosyal */
.gr-sosyal { display:grid; gap:8px; }
.gr-sos { position:relative; display:flex; align-items:center; justify-content:center; gap:10px; height:46px; border-radius:12px; font-size:14px; font-weight:700; text-decoration:none;
  transition:opacity .2s ease, transform .15s ease; }
.gr-sos svg { width:19px; height:19px; flex:0 0 auto; }
.gr-google { color:#1F2937; background:#fff; box-shadow:inset 0 0 0 1px rgba(15,42,86,.16), inset 0 -2px 0 rgba(15,42,86,.06); }
html[data-tema="koyu"] .gr-google { color:#F5F5F5; background:#181818; box-shadow:inset 0 0 0 1px #262626, inset 0 -2px 0 rgba(0,0,0,.5); }
.gr-discord { color:#fff; background:#5865F2; box-shadow:inset 0 -2px 0 rgba(0,0,0,.2); }
.gr-sos:active { transform:translateY(1px); box-shadow:inset 0 2px 6px rgba(0,0,0,.25); }
.gr-sos.pasif { opacity:.5; pointer-events:none; }
.gr-sos.gidiyor::after { content:""; position:absolute; right:14px; top:50%; width:15px; height:15px; margin-top:-7.5px; border-radius:4px; border:2px solid currentColor;
  border-top-color:transparent; opacity:.7; animation:grDon .7s linear infinite; }
.gr-ayrac { display:flex; align-items:center; gap:10px; margin:6px 0 2px; font-size:12px; font-weight:600; color:var(--ink-3); }
.gr-ayrac::before, .gr-ayrac::after { content:""; flex:1; height:1px; background:var(--cizgi); }

/* alanlar */
.gr-alan { position:relative; display:block; }
.gr-alan > span { display:block; margin:0 0 5px 2px; font-size:12.5px; font-weight:700; color:var(--ink-2); }
.gr-alan input { width:100%; height:46px; padding:0 14px; border:0; border-radius:12px; outline:none; font:inherit; font-size:14.5px; color:var(--ink);
  background:var(--buz); box-shadow:inset 0 0 0 1px var(--kd-kenar, transparent); transition:box-shadow .2s ease; }
html[data-tema="koyu"] .gr-alan input { background:var(--k-girdi, #0F0F0F); box-shadow:inset 0 0 0 1px var(--kd-kenar, #1C1C1C); }
.gr-alan input:focus { box-shadow:inset 0 0 0 1.5px var(--mavi-ln), 0 0 0 4px var(--mavi-sis); }
.gr-alan input:disabled { opacity:.6; }
.gr-sifre input { padding-right:46px; }
.gr-goz { position:absolute; right:5px; bottom:5px; width:36px; height:36px; display:grid; place-items:center; border-radius:9px; color:var(--ink-3); }
.gr-goz svg { width:18px; height:18px; }
.gr-kadi input { padding-right:96px; }
.gr-durum { position:absolute; right:12px; bottom:14px; font-size:12px; font-weight:700; font-style:normal; color:var(--ink-3); }
.gr-durum.iyi { color:#16A34A; } .gr-durum.kotu { color:#D97706; }
html[data-tema="koyu"] .gr-durum.iyi { color:#4ADE80; } html[data-tema="koyu"] .gr-durum.kotu { color:#FCD34D; }
.gr-durum.bakiyor { animation:grNabiz 1s ease-in-out infinite; }
@keyframes grNabiz { 50% { opacity:.45; } }

/* sifre gucu */
.gr-guc { display:grid; grid-template-columns:repeat(4,1fr) auto; align-items:center; gap:5px; margin-top:-2px; }
.gr-guc i { height:4px; border-radius:2px; background:var(--cizgi-2); transition:background .25s ease; }
.gr-guc small { min-width:58px; text-align:right; font-size:11.5px; font-weight:700; color:var(--ink-3); }
.gr-guc[data-p="1"] i:nth-child(-n+1) { background:#F59E0B; }
.gr-guc[data-p="2"] i:nth-child(-n+2) { background:#EAB308; }
.gr-guc[data-p="3"] i:nth-child(-n+3) { background:#22C55E; }
.gr-guc[data-p="4"] i { background:#16A34A; }

/* satir: beni hatirla + sifremi unuttum */
.gr-satir { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:2px 0; }
.gr-kutu { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--ink-2); cursor:pointer; }
.gr-kutu input { position:absolute; opacity:0; pointer-events:none; }
.gr-kutu i { width:18px; height:18px; display:grid; place-items:center; border-radius:5px; color:transparent; background:var(--buz); box-shadow:inset 0 0 0 1.5px var(--cizgi-2); transition:background .2s ease; }
.gr-kutu i svg { width:12px; height:12px; }
.gr-kutu input:checked + i { color:#fff; background:var(--mavi); box-shadow:none; }
.gr-kutu input:focus-visible + i { box-shadow:0 0 0 3px var(--mavi-sis); }
.gr-link { padding:0; font:inherit; font-size:13px; font-weight:700; color:var(--mavi); background:none; }
.gr-geri { align-self:flex-start; display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700; color:var(--ink-2); }
.gr-geri svg { width:15px; height:15px; }
.gr-aciklama { margin:2px 0 4px; font-size:13.5px; line-height:1.6; color:var(--ink-2); }

.gr-ts:empty { display:none; }
.gr-ts { display:flex; justify-content:center; }
.gr-hata { display:flex; align-items:flex-start; gap:8px; padding:10px 12px; border-radius:11px; font-size:13px; font-weight:600; line-height:1.45; color:var(--ink);
  background:rgba(245,158,11,.11); box-shadow:inset 0 0 0 1px rgba(245,158,11,.3); }
.gr-hata[hidden] { display:none; }
.gr-hata svg { width:16px; height:16px; flex:0 0 auto; margin-top:1px; color:#D97706; }
html[data-tema="koyu"] .gr-hata svg { color:#FCD34D; }

/* ana dugme */
.gr-ana { position:relative; height:48px; margin-top:4px; border-radius:12px; font-size:15px; font-weight:750; color:#fff;
  background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.18), transparent 55%), linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6);
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.18), 0 10px 22px -12px rgba(37,99,235,.9); }
html[data-tema="koyu"] .gr-ana { background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.1), transparent 55%), linear-gradient(150deg,#1A3478,#1E4CC4 60%,#2B63DD); box-shadow:inset 0 -2px 0 rgba(0,0,0,.3); }
.gr-ana:active { box-shadow:inset 0 2px 6px rgba(0,0,0,.3); }
.gr-ana.bekle span { opacity:0; }
.gr-ana.bekle::after { content:""; position:absolute; left:50%; top:50%; width:18px; height:18px; margin:-9px 0 0 -9px; border-radius:4px; border:2.5px solid rgba(255,255,255,.4);
  border-top-color:#fff; animation:grDon .7s linear infinite; }
@keyframes grDon { to { transform:rotate(360deg); } }
.gr-alt { margin:6px 0 0; text-align:center; font-size:13px; color:var(--ink-2); }
.gr-yasal { margin:2px 0 0; text-align:center; font-size:11.5px; line-height:1.5; color:var(--ink-3); }
.gr-yasal a { color:var(--ink-2); font-weight:700; text-decoration:none; }

/* basari / e-posta gonderildi */
.gr-tamam { display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:14px 6px 6px; }
.gr-tamam-ik { width:56px; height:56px; display:grid; place-items:center; margin-bottom:6px; border-radius:16px; color:var(--mavi); background:var(--mavi-sis); animation:grPop .5s cubic-bezier(.3,1.5,.5,1) both; }
.gr-tamam-ik.ok { color:#fff; background:linear-gradient(150deg,#15803D,#16A34A 60%,#22C55E); box-shadow:0 10px 22px -10px rgba(22,163,74,.8); }
.gr-tamam-ik svg { width:26px; height:26px; }
.gr-tamam-ik.ok svg path { stroke-dasharray:24; stroke-dashoffset:24; animation:grCiz .45s .25s ease-out forwards; }
@keyframes grPop { from { opacity:0; transform:scale(.5); } }
@keyframes grCiz { to { stroke-dashoffset:0; } }
.gr-tamam h3 { margin:0; font-size:18px; font-weight:800; letter-spacing:-.03em; }
.gr-tamam p { margin:0 0 8px; font-size:13.5px; line-height:1.55; color:var(--ink-2); }
.gr-tamam .gr-ana { align-self:stretch; }

@media (max-width:560px) {
  .gr-perde { place-items:end center; padding:12px 10px max(10px, env(safe-area-inset-bottom)); }
  .gr-pen { max-width:none; padding:22px 18px 18px; border-radius:20px; }
}
@media (prefers-reduced-motion: reduce) { .gr-perde *, .gr-perde { animation:none !important; transition:none !important; } }

/* ====================================================================
   2026-10-14 (2): kapanma hatasi, sifre tekrari, dogrulama adimi, yeni basari ekrani
   ==================================================================== */
/* tam ekran tasarimi .gr-perde'ye display:block veriyordu -> [hidden] calismiyor, kapaninca gorunmez perde
   sayfanin ustunde kaliyor ve tiklamalari yutuyordu ("sayfayi yenilemem gerekiyor") */
.gr-perde[hidden] { display:none !important; }
.gr-perde [hidden] { display:none !important; }   /* .gr-form display:flex hidden'i eziyordu: dogrulama adiminda form gorunur kaliyordu */
.gr-bitti .gr-ust h2, .gr-bitti .gr-not, .gr-dg-acik .gr-not { display:none !important; }

/* sifre tekrari: eslesme yazisi gozun solunda */
.gr-tekrar input { padding-right:112px !important; }
.gr-tekrar .gr-durum { right:50px; }

/* ---------------------------------------------- "Verify you're human" adimi (2026-10-14 v2: sade, formla ayni dil)
   Eski hali: buyuk kalkan + tarama cizgisi + Cloudflare kutusunun etrafinda IKINCI cerceve -> "ucuz/AI gibi" duruyordu.
   Simdi: kisa aciklama, Cloudflare kutusu tam genislik ve cercevesiz, altinda ince ilerleme cubugu + durum + Back. */
.gr-dg { display:flex; flex-direction:column; gap:12px; padding:2px 0 0; }
.gr-dg-p { margin:0; font-size:14px; line-height:1.55; color:var(--ink-2); }
.gr-dg-kutu { min-height:65px; display:flex; align-items:center; }
.gr-dg-kutu > div { width:100%; }
.gr-dg-kutu iframe { width:100% !important; }
.gr-dg-cubuk { position:relative; height:4px; border-radius:2px; overflow:hidden; background:var(--cizgi); }
.gr-dg-cubuk i { position:absolute; top:0; bottom:0; left:0; width:34%; border-radius:2px; background:var(--mavi); animation:grDgAkis 1.3s cubic-bezier(.4,0,.2,1) infinite; }
@keyframes grDgAkis { 0% { transform:translateX(-110%); } 100% { transform:translateX(320%); } }
.gr-dg[data-d="ok"] .gr-dg-cubuk i, .gr-dg[data-d="gonder"] .gr-dg-cubuk i { width:100%; animation:none; background:#10B981; transition:width .4s ease; }
.gr-dg[data-d="gonder"] .gr-dg-cubuk i { background:linear-gradient(90deg,#10B981,#34D399,#10B981); background-size:200% 100%; animation:grDgParla 1.2s linear infinite; }
@keyframes grDgParla { to { background-position:-200% 0; } }
.gr-dg[data-d="hata"] .gr-dg-cubuk i { width:100%; animation:none; background:#F59E0B; }
.gr-dg-alt { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.gr-dg-durum { display:flex; align-items:center; gap:8px; min-height:20px; font-size:13px; font-weight:700; color:var(--ink-2); }
.gr-dg-durum i { width:14px; height:14px; flex:none; border-radius:4px; border:2.2px solid var(--cizgi-2); border-top-color:var(--mavi); animation:grDon .8s linear infinite; }
.gr-dg-durum[data-d="ok"], .gr-dg-durum[data-d="gonder"] { color:#047857; }
html[data-tema="koyu"] .gr-dg-durum[data-d="ok"], html[data-tema="koyu"] .gr-dg-durum[data-d="gonder"] { color:#34D399; }
.gr-dg-durum[data-d="ok"] i { border:0; animation:none; background:#10B981 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4L18 8' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat; }
.gr-dg-durum[data-d="gonder"] i { border-color:rgba(16,185,129,.3); border-top-color:#10B981; }
.gr-dg-durum[data-d="hata"] { color:#B45309; }
html[data-tema="koyu"] .gr-dg-durum[data-d="hata"] { color:#FCD34D; }
.gr-dg-durum[data-d="hata"] i { border:0; animation:none; background:#F59E0B; }
.gr-dg-geri { display:inline-flex; align-items:center; gap:6px; color:var(--ink-2); }
.gr-dg-geri svg { width:14px; height:14px; }
.gr-dg[data-d="gonder"] .gr-dg-geri, .gr-dg[data-d="ok"] .gr-dg-geri { visibility:hidden; }
.gr-dg-not { display:flex; align-items:center; gap:7px; margin:4px 0 0; padding-top:12px; border-top:1px solid var(--cizgi); font-size:12px; color:var(--ink-3); }
.gr-dg-not svg { width:13px; height:13px; flex:none; }
/* kayitta e-posta istege bagli notu */
.gr-ipucu { display:block; margin:-4px 2px 0; font-size:11.5px; line-height:1.4; color:var(--ink-3); }
@media (prefers-reduced-motion: reduce) { .gr-dg-cubuk i { animation:none; width:100%; opacity:.4; } }

/* ---------------------------------------------- basari ekrani (hesap acildi / giris yapildi) */
.gr-bsr { display:flex; flex-direction:column; align-items:center; text-align:center; padding:6px 0 4px; }
.gr-bsr-rozet { position:relative; width:100px; height:100px; display:grid; place-items:center; margin:4px 0 18px; }
.gr-bsr-kare { position:relative; z-index:2; width:86px; height:86px; display:grid; place-items:center; border-radius:24px; color:#fff;
  background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.3), transparent 55%), linear-gradient(150deg,#047857,#10B981 60%,#34D399);
  box-shadow:0 20px 38px -14px rgba(16,185,129,.8), inset 0 -3px 0 rgba(0,0,0,.14); animation:grBsrPop .7s cubic-bezier(.3,1.6,.5,1) both; }
@keyframes grBsrPop { 0% { opacity:0; transform:scale(.2) rotate(-24deg); } 60% { opacity:1; transform:scale(1.08) rotate(4deg); } 100% { transform:none; } }
.gr-bsr-kare svg { width:48px; height:48px; overflow:visible; fill:none; stroke:currentColor; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.gr-bsr-kare path { stroke-dasharray:22; stroke-dashoffset:22; animation:grBsrCiz .45s .4s cubic-bezier(.65,0,.35,1) forwards; }
@keyframes grBsrCiz { to { stroke-dashoffset:0; } }
.gr-bsr-halka { position:absolute; inset:7px; z-index:1; border-radius:26px; border:2.5px solid #10B981; opacity:0; animation:grBsrHalka 1s .32s cubic-bezier(.2,.7,.3,1) both; }
.gr-bsr-halka.h2 { border-color:#34D399; animation-delay:.52s; }
@keyframes grBsrHalka { 0% { opacity:.75; transform:scale(.86); } 100% { opacity:0; transform:scale(1.75); } }
.gr-bsr-parca i { position:absolute; left:50%; top:50%; width:8px; height:8px; margin:-4px; border-radius:2px; background:#10B981; opacity:0;
  animation:grBsrParca .85s calc(.36s + var(--d)) cubic-bezier(.2,.8,.3,1) both; }
.gr-bsr-parca i:nth-child(4n+2) { background:#2563EB; width:6px; height:6px; margin:-3px; }
.gr-bsr-parca i:nth-child(4n+3) { background:#FBBF24; }
.gr-bsr-parca i:nth-child(4n) { background:#34D399; width:6px; height:6px; margin:-3px; }
@keyframes grBsrParca { 0% { opacity:1; transform:translate(0,0) scale(.4); } 70% { opacity:1; } 100% { opacity:0; transform:translate(var(--x),var(--y)) scale(1) rotate(150deg); } }
.gr-bsr h3 { margin:0; font-size:25px; font-weight:800; letter-spacing:-.035em; animation:grBsrGel .5s .48s cubic-bezier(.2,.8,.2,1) both; }
.gr-bsr h3 b { color:var(--mavi); font-weight:800; }
.gr-bsr > p { margin:8px 0 0; max-width:340px; font-size:14px; line-height:1.55; color:var(--ink-2); animation:grBsrGel .5s .58s cubic-bezier(.2,.8,.2,1) both; }
@keyframes grBsrGel { from { opacity:0; transform:translateY(10px); } }
.gr-bsr-adim { list-style:none; width:100%; margin:16px 0 0; padding:0; display:grid; gap:8px; text-align:left; }
.gr-bsr-adim li { display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:12px; font-size:13.5px; font-weight:650; color:var(--ink);
  background:var(--kd-yuzey, #fff); box-shadow:inset 0 0 0 1px var(--cizgi); animation:grBsrGel .45s cubic-bezier(.2,.8,.2,1) both; }
.gr-bsr-adim li:nth-child(1) { animation-delay:.72s; } .gr-bsr-adim li:nth-child(2) { animation-delay:.84s; } .gr-bsr-adim li:nth-child(3) { animation-delay:.96s; }
html[data-tema="koyu"] .gr-bsr-adim li { background:#121212; box-shadow:inset 0 0 0 1px #1F1F1F; }
.gr-bsr-adim b { width:26px; height:26px; flex:none; display:grid; place-items:center; border-radius:8px; font-size:12.5px; font-weight:800; color:var(--mavi); background:var(--mavi-sis); }
.gr-bsr-alt { width:100%; margin-top:18px; display:grid; justify-items:center; gap:8px; animation:grBsrGel .4s .64s both; }
.gr-bsr-cubuk { width:100%; max-width:260px; height:5px; border-radius:3px; overflow:hidden; background:var(--cizgi); }
.gr-bsr-cubuk i { display:block; height:100%; border-radius:3px; background:linear-gradient(90deg,#10B981,#34D399); transform-origin:0 50%; animation:grBsrDol var(--sure, 1600ms) linear both; }
@keyframes grBsrDol { from { transform:scaleX(0); } }
.gr-bsr-alt small { font-size:12px; font-weight:600; color:var(--ink-3); }
@media (prefers-reduced-motion: reduce) { .gr-bsr *, .gr-bsr { animation:none !important; } .gr-bsr-kare path { stroke-dashoffset:0; } .gr-bsr-halka, .gr-bsr-parca { display:none; } }

/* basari tiki: zemin yok, yalniz tik (kullanici 2026-10-14) — kare zemin + halkalar kalkti */
.gr-bsr-kare { width:96px; height:96px; background:none; box-shadow:none; color:#10B981; }
html[data-tema="koyu"] .gr-bsr-kare { color:#34D399; }
.gr-bsr-kare svg { width:112px; height:112px; stroke-width:2.4; filter:drop-shadow(0 8px 16px rgba(16,185,129,.35)); }
.gr-bsr-halka { display:none; }