/* Giriş, kayıt ve ödeme ekranları (REKKI tarzı, 18 Ekim 2026; kaynak tasarım Demo4-Kayit). Sayfalar her zaman koyu.
   style.css bağlı kalır (u.js'in eklediği atlama bağlantısı, logo boyu, toast, çerez kutusu ve bağlantısı oradan); bu dosyanın bütün kuralları
   body.rk altında, style.css'in .kart / .alan / .tur-sec gibi sınıfları bu sayfalarda kullanılmaz. Yazı tipleri assets/rekki-yazi.css. */
body.rk{
  --rk-zemin:#000000;--rk-yuzey:#040910;--rk-kart:#0D0D0D;--rk-alan:#1F1F1F;--rk-koyu:#141414;
  --rk-metin:#FFFFFF;--rk-ikincil:#858585;--rk-orta:#A8A8A8;--rk-soluk:#6B6B6B;
  --rk-cizgi:rgba(255,255,255,0.12);--rk-cizgi-guclu:rgba(255,255,255,0.25);
  --rk-vurgu:#2547D0;--rk-vurgu-bas:#1E3BB0;--rk-acik:#8FA6FF;--rk-acik2:#B9C6FF;--rk-secili:#0B1435;
  --rk-yesil:#5BE0C4;--rk-yesil-z:rgba(46,196,166,.18);--rk-kirmizi:#FF8A80;--rk-kirmizi-z:rgba(255,92,92,.12);--rk-sari:#F3C969;--rk-sari-z:rgba(243,201,105,.12);
  --rk-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ring:#8FA6FF;
  margin:0;min-height:100vh;background:var(--rk-zemin);color:var(--rk-metin);color-scheme:dark;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;font-variant-numeric:normal;
}
body.rk *{box-sizing:border-box}
body.rk a{color:var(--rk-acik2)}
body.rk a:hover{color:var(--rk-metin)}
body.rk :focus-visible{outline:2px solid var(--rk-acik);outline-offset:2px}
body.rk [hidden]{display:none !important}

/* iki sütun: solda akış, sağda özet; dar ekranda alt alta */
body.rk .rk-sayfa{display:flex;flex-wrap:wrap;min-height:100vh}
body.rk main.rk-ana{flex:999 1 640px;min-width:0;max-width:none;width:auto;padding:28px 32px 48px;display:flex;flex-direction:column;gap:28px}
body.rk .rk-yan{flex:1 1 380px;min-width:0;position:relative;overflow:hidden;background:var(--rk-yuzey);box-shadow:rgba(255,255,255,0.08) 1px 0 0 0 inset;padding:48px 36px;display:flex;flex-direction:column;gap:28px}
body.rk .rk-yan::before{content:"";position:absolute;right:-200px;top:-150px;width:600px;height:600px;background:radial-gradient(closest-side,rgba(37,71,208,.3),rgba(37,71,208,0));pointer-events:none}
body.rk .rk-yan>*{position:relative}
/* tek sütun (giriş): ortada dar akış, arkada mavi ışık */
body.rk.rk-tek .rk-sayfa{position:relative;overflow:hidden;justify-content:center}
body.rk.rk-tek .rk-sayfa::before{content:"";position:absolute;left:50%;top:-260px;width:820px;height:820px;margin-left:-410px;background:radial-gradient(closest-side,rgba(37,71,208,.26),rgba(37,71,208,0));pointer-events:none}
body.rk.rk-tek main.rk-ana{position:relative;flex:0 1 520px;padding:28px 24px 48px}

/* üst satır: logo ve "Hesabınız var mı?" */
body.rk .rk-ust{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap}
body.rk a.logo{color:var(--rk-metin);padding:4px 0;justify-content:flex-start;margin-left:-2px}
body.rk .rk-ust-not{margin-left:auto;font-size:14px;color:var(--rk-ikincil)}
body.rk .rk-ust-not a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}

/* yazı */
body.rk .rk-etiket{margin:0;font-family:var(--rk-mono);font-size:12px;font-weight:400;letter-spacing:.035em;text-transform:uppercase;color:var(--rk-ikincil);line-height:1.4}
body.rk .rk-etiket.mavi{color:var(--rk-acik)}
body.rk .rk-baslik{display:flex;flex-direction:column;gap:10px}
body.rk .rk-baslik h2,body.rk h1.rk-buyuk{margin:0;font-weight:400;font-size:48px;line-height:1.05;letter-spacing:-.045em;color:var(--rk-metin)}
body.rk .rk-baslik p,body.rk .rk-alt{margin:0;font-size:17px;line-height:1.5;color:var(--rk-ikincil)}
body.rk .rk-ipucu{font-size:13px;line-height:1.45;color:var(--rk-ikincil)}
@media (max-width:640px){body.rk .rk-baslik h2,body.rk h1.rk-buyuk{font-size:36px}body.rk .rk-baslik p,body.rk .rk-alt{font-size:16px}}

/* adım göstergesi */
body.rk .rk-adimlar{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
body.rk .rk-adim{min-height:44px;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border:none;border-radius:59px;background:transparent;color:var(--rk-ikincil);font:inherit;font-size:14px;cursor:pointer;box-shadow:rgba(255,255,255,0.08) 0 0 0 1px inset}
body.rk .rk-adim .rk-nokta{width:30px;height:30px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;background:var(--rk-koyu);color:var(--rk-metin)}
body.rk .rk-adim[aria-current="step"]{background:var(--rk-alan);color:var(--rk-metin);box-shadow:rgba(255,255,255,0.18) 0 0 0 1px inset}
body.rk .rk-adim[aria-current="step"] .rk-nokta{background:var(--rk-vurgu)}
body.rk .rk-adim.bitti{color:var(--rk-metin)}
body.rk .rk-adim.bitti .rk-nokta{background:var(--rk-yesil-z);color:var(--rk-yesil)}
body.rk .rk-adim:disabled{cursor:default}
body.rk span.rk-adim{cursor:default}

/* form */
body.rk .rk-form{display:flex;flex-direction:column;gap:28px;margin:0}
body.rk .rk-bolum{display:flex;flex-direction:column;gap:24px;max-width:760px}
body.rk .rk-alanlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 14px}
body.rk .rk-alan{display:flex;flex-direction:column;gap:8px;min-width:0}
body.rk .rk-alan.tam{grid-column:1/-1}
body.rk .rk-alan>label:not(.rk-finans),body.rk .rk-alan>.rk-etiket{font-family:var(--rk-mono);font-size:12px;letter-spacing:.035em;text-transform:uppercase;color:var(--rk-ikincil);font-weight:400}
body.rk .rk-girdi{width:100%;min-height:50px;padding:0 16px;border:none;border-radius:8px;background:var(--rk-alan);color:var(--rk-metin);font:inherit;font-size:16px;box-shadow:var(--rk-cizgi) 0 0 0 1px inset;outline:none}
body.rk .rk-girdi::placeholder{color:var(--rk-soluk);opacity:1}
body.rk .rk-girdi:focus,body.rk .rk-girdi:focus-visible{outline:none;box-shadow:var(--rk-vurgu) 0 0 0 1px inset,0 0 0 4px rgba(37,71,208,.35)}
body.rk select.rk-girdi{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A8A8A8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
body.rk select.rk-girdi option{background:var(--rk-kart);color:var(--rk-metin)}

/* seçenek kartları (iş kolu, üretim yeri, paket): radyo görünmez ama odaklanır; kart seçimi ve odağı gösterir */
body.rk .rk-secenekler{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
body.rk .rk-secenekler>label{position:relative;min-height:84px;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:var(--rk-kart);color:var(--rk-metin);cursor:pointer;box-shadow:var(--rk-cizgi) 0 0 0 1px inset;transition:box-shadow .15s,background .15s}
body.rk .rk-secenekler>label:hover{box-shadow:rgba(255,255,255,0.25) 0 0 0 1px inset}
body.rk .rk-secenekler input,body.rk .rk-donem input,body.rk .rk-finans input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
body.rk .rk-secenekler>label:has(input:checked){background:var(--rk-secili);box-shadow:var(--rk-vurgu) 0 0 0 1px inset}
body.rk .rk-secenekler>label:has(input:focus-visible),body.rk .rk-donem label:has(input:focus-visible),body.rk .rk-finans:has(input:focus-visible){outline:2px solid var(--rk-acik);outline-offset:2px}
body.rk .rk-secenekler>label>span:not(.rk-pk-ust):not(.rk-fiyat){display:flex;flex-direction:column;gap:6px}
body.rk .rk-secenekler b{font-size:16px;font-weight:400}
body.rk .rk-secenekler small{display:block;font-size:13px;line-height:1.4;color:var(--rk-ikincil)}
body.rk .rk-secenekler.kucuk>label{min-height:72px}
body.rk .rk-secenekler.iki{grid-template-columns:repeat(2,minmax(0,1fr))}
body.rk .rk-alanlar.iki{grid-template-columns:repeat(2,minmax(0,1fr))}
body.rk .rk-secenekler.kucuk>label>span{font-size:15px}

/* paket kartları */
body.rk .rk-paketler{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
body.rk .rk-paketler>label{min-height:170px;gap:8px;padding:20px}
body.rk .rk-paketler>label:has(input:checked){box-shadow:var(--rk-vurgu) 0 0 0 1px inset,0 20px 60px rgba(37,71,208,.18)}
body.rk .rk-pk-ust{display:flex;align-items:center;gap:8px;width:100%}
body.rk .rk-pk-ust b{font-size:20px;font-weight:400}
body.rk .rk-radyo{margin-left:auto;width:18px;height:18px;flex:none;border-radius:50%;box-shadow:var(--rk-soluk) 0 0 0 1.5px inset}
body.rk label:has(input:checked) .rk-radyo{box-shadow:var(--rk-vurgu) 0 0 0 6px inset}
body.rk .rk-fiyat{font-size:36px;line-height:1.15;letter-spacing:-.05em;margin-top:auto}
body.rk .rk-fiyat small{display:inline;font-size:14px;letter-spacing:0;color:var(--rk-ikincil)}
body.rk .rk-paketler small.rk-not{font-size:12px;color:var(--rk-ikincil)}

/* dönem anahtarı (Aylık / Yıllık) */
body.rk .rk-pk-bas{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between}
body.rk .rk-donem{display:inline-flex;gap:4px;padding:5px;border-radius:59px;background:var(--rk-kart);box-shadow:var(--rk-cizgi) 0 0 0 1px inset;max-width:100%}
body.rk .rk-donem label{position:relative;display:flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:59px;font-size:14px;color:var(--rk-orta);cursor:pointer;white-space:nowrap}
body.rk .rk-donem label:has(input:checked){background:var(--rk-metin);color:#000000}

/* Finans eki */
body.rk .rk-finans{position:relative;min-height:72px;display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:16px;background:var(--rk-kart);cursor:pointer;box-shadow:var(--rk-cizgi) 0 0 0 1px inset}
body.rk .rk-finans:has(input:checked){box-shadow:var(--rk-vurgu) 0 0 0 1px inset}
body.rk .rk-kutu{width:24px;height:24px;flex:none;border-radius:7px;display:flex;align-items:center;justify-content:center;box-shadow:rgba(255,255,255,0.35) 0 0 0 1.5px inset}
body.rk .rk-finans:has(input:checked) .rk-kutu{background:var(--rk-vurgu);box-shadow:none}
body.rk .rk-finans:has(input:checked) .rk-kutu::after{content:"";width:10px;height:6px;margin-top:-3px;border-left:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;transform:rotate(-45deg)}
body.rk .rk-finans-metin{display:flex;flex-direction:column;gap:4px;font-size:16px}
body.rk .rk-finans-metin small{font-size:13px;color:var(--rk-ikincil)}
body.rk .rk-dahil{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 20px;border-radius:16px;background:var(--rk-kart);box-shadow:var(--rk-cizgi) 0 0 0 1px inset;font-size:15px}
body.rk .rk-dahil::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--rk-yesil)}
body.rk .rk-dahil:empty{display:none}

/* düğmeler (hap) */
body.rk .rk-dugmeler{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
body.rk .rk-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 30px;border:none;border-radius:59px;background:var(--rk-vurgu);color:#FFFFFF;font:inherit;font-size:16px;font-weight:400;text-decoration:none;cursor:pointer;transition:background .15s}
body.rk .rk-btn:hover{background:var(--rk-vurgu-bas);color:#FFFFFF}
body.rk .rk-btn:disabled{opacity:.6;cursor:default}
body.rk .rk-btn.beyaz{background:#FFFFFF;color:#000000;padding:0 22px;font-size:15px}
body.rk .rk-btn.beyaz:hover{background:#E6E6E6;color:#000000}
body.rk .rk-btn.cizgi{background:transparent;color:#FFFFFF;padding:0 22px;font-size:15px;box-shadow:var(--rk-cizgi-guclu) 0 0 0 1px inset}
body.rk .rk-btn.cizgi:hover{background:rgba(255,255,255,.06)}
body.rk .rk-btn.tam{width:100%}
body.rk .rk-btn svg{width:18px;height:18px;flex:none}
body.rk .rk-metin-dugme{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;border:none;background:none;color:var(--rk-acik2);font:inherit;font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body.rk .rk-metin-dugme:hover{color:#FFFFFF}
@media (max-width:520px){body.rk .rk-dugmeler .rk-btn{flex:1 1 100%}}

/* özet kartı (ödeme adımı) */
body.rk .rk-ozet-kart{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:16px;background:var(--rk-kart);box-shadow:var(--rk-cizgi) 0 0 0 1px inset}
body.rk .rk-satir{display:flex;gap:12px;font-size:15px;align-items:baseline}
body.rk .rk-satir>span:first-child{color:var(--rk-orta)}
body.rk .rk-satir>span:last-child{margin-left:auto;text-align:right}
body.rk .rk-toplam{margin:0;padding-top:12px;border-top:1px solid var(--rk-alan);font-size:18px;line-height:1.45;font-weight:400;color:var(--rk-metin)}
body.rk .rk-kosul{font-size:13px;line-height:1.55;color:var(--rk-ikincil)}

/* hata ve durum kutuları */
body.rk .rk-hata{margin:0;padding:12px 16px;border-radius:8px;background:var(--rk-kirmizi-z);color:var(--rk-kirmizi);font-size:14px;line-height:1.45;box-shadow:rgba(255,138,128,.3) 0 0 0 1px inset}
body.rk .rk-kutu-mesaj{max-width:760px;padding:18px 20px;border-radius:16px;background:var(--rk-kart);box-shadow:var(--rk-cizgi) 0 0 0 1px inset;font-size:15px;line-height:1.5}
body.rk .rk-kutu-mesaj b{display:block;font-weight:600;margin-bottom:4px}
body.rk .rk-kutu-mesaj .rk-ipucu{display:block}
body.rk .rk-kutu-mesaj.basari{background:var(--rk-yesil-z);box-shadow:rgba(91,224,196,.35) 0 0 0 1px inset}
body.rk .rk-kutu-mesaj.basari b{color:var(--rk-yesil)}
body.rk .rk-kutu-mesaj.uyari{background:var(--rk-sari-z);box-shadow:rgba(243,201,105,.35) 0 0 0 1px inset}
body.rk .rk-kutu-mesaj.uyari b{color:var(--rk-sari)}
body.rk .rk-kutu-mesaj.bilgi{background:var(--rk-secili);box-shadow:rgba(143,166,255,.35) 0 0 0 1px inset}
body.rk .rk-kutu-mesaj .rk-ipucu{color:var(--rk-orta)}

body.rk .rk-link-satir{margin:0;font-size:14px}
body.rk .rk-link-satir a{display:inline-flex;align-items:center;min-height:44px}
body.rk.rk-giris .rk-form{gap:20px}
/* "veya" ayırıcı (giriş) */
body.rk .rk-veya{display:flex;align-items:center;gap:12px;font-family:var(--rk-mono);font-size:12px;letter-spacing:.035em;text-transform:uppercase;color:var(--rk-ikincil)}
body.rk .rk-veya::before,body.rk .rk-veya::after{content:"";flex:1;height:1px;background:var(--rk-alan)}
/* Kayıt 1. adım: Google düğmesi alanların üstünde, altında "veya e-postayla" ayırıcı; paket ve ödeme düğmelerinin altındaki güvence satırı */
body.rk .rk-google{display:flex;flex-direction:column;gap:14px}
body.rk .rk-google .rk-veya{margin-top:6px}
body.rk .rk-guvence{margin:-12px 0 0}

/* yan panel: özet ve sonra ne olacak */
body.rk .rk-ik{--c:var(--rk-vurgu);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding:10px 10px 10px 16px;border-radius:8px;background:rgba(255,255,255,.04);box-shadow:var(--rk-cizgi) 0 0 0 1px inset;border-left:4px solid var(--c)}
body.rk .rk-ik p{margin:0;font-size:14px;line-height:1.45}
body.rk .rk-ik b{font-weight:600}
body.rk .rk-yan-liste{display:flex;flex-direction:column;gap:14px;font-size:15px}
body.rk .rk-yan-liste .rk-satir>span:first-child{color:var(--rk-ikincil)}
body.rk .rk-yan-liste .rk-satir.toplam{padding-top:14px;border-top:1px solid var(--rk-alan);font-size:20px}
body.rk .rk-yan-liste .rk-satir.toplam>span:first-child{color:var(--rk-metin)}
body.rk .rk-sonra{display:flex;flex-direction:column;gap:14px;margin:8px 0 0;padding:0;list-style:none}
body.rk .rk-sonra li{display:flex;gap:14px}
body.rk .rk-sonra .rk-no{width:28px;height:28px;flex:none;border-radius:50%;background:var(--rk-kart);box-shadow:rgba(255,255,255,0.15) 0 0 0 1px inset;display:flex;align-items:center;justify-content:center;font-family:var(--rk-mono);font-size:12px;color:var(--rk-acik2)}
body.rk .rk-sonra li>span:last-child{display:flex;flex-direction:column;gap:3px}
body.rk .rk-sonra b{font-size:15px;font-weight:400}
body.rk .rk-sonra small{font-size:13px;line-height:1.45;color:var(--rk-ikincil)}
body.rk .rk-yan-alt{margin-top:auto;font-size:13px;color:var(--rk-ikincil)}
body.rk .rk-yan-alt a{display:inline-flex;align-items:center;min-height:44px}

/* u.js'in eklediği öğeler koyu zeminde */
body.rk .cerez-alt{margin:0;font-size:13px;color:var(--rk-ikincil);text-align:left}
body.rk .cerez-alt a{color:var(--rk-ikincil);padding:0}
body.rk .toast{background:var(--rk-alan);color:#FFFFFF;box-shadow:var(--rk-cizgi) 0 0 0 1px inset}

/* telefon: 16 px kenar, yan panel akışın altında */
@media (max-width:640px){
  body.rk main.rk-ana{padding:16px 16px 32px;gap:24px}
  body.rk.rk-tek main.rk-ana{padding:16px 16px 32px}
  body.rk .rk-yan{padding:32px 16px 40px;box-shadow:rgba(255,255,255,0.08) 0 1px 0 0 inset}
  body.rk .rk-ust-not{margin-left:0;width:100%}
  body.rk .rk-adim{padding-right:12px}
  body.rk .rk-donem{width:100%}
  body.rk .rk-donem label{flex:1;justify-content:center;padding:8px 10px}
  body.rk .rk-alanlar,body.rk .rk-alanlar.iki,body.rk .rk-secenekler.iki{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){body.rk *{transition:none !important}}