/* =========================================================================
   MOLTEN FORGE — AlevMC paylaşımlı tasarım sistemi (tüm sayfalar)
   craft-floor uyumlu: eyebrow yok, gradient-text yok, grain yok, side-tab yok,
   gerçek gölge (offset+blur), ikincil metin hue'dan tint (gri değil).
   Her sayfada EN SON <link> olarak bağlanır → taban stilleri ezer.
   ========================================================================= */

:root{
  --char:#0a0705; --char2:#120c08; --ash:#1b120b;
  --ember:#ff5e1a; --gold:#ffb43d; --crimson:#e8232f;
  --text:#f8f2ea; --muted:#c3ac97; --faint:#8a715c;   /* muted = ember hue'dan sıcak, gri DEĞİL */
  --glass:rgba(255,120,50,.05); --glass-brd:rgba(255,120,50,.14);
  --line:rgba(255,140,70,.13);
  --r:14px; --shadow:0 26px 60px -30px rgba(0,0,0,.9); --shadow-sm:0 12px 30px -18px rgba(0,0,0,.85);
}
html[data-theme="light"]{
  --char:#f5efe6; --char2:#eee5d8; --ash:#fff;
  --text:#1c1108; --muted:#6b5340; --faint:#93765d;
  --glass:rgba(255,120,50,.06); --glass-brd:rgba(200,90,20,.2); --line:rgba(180,90,30,.16);
  --shadow:0 26px 60px -32px rgba(120,50,10,.28); --shadow-sm:0 12px 30px -20px rgba(120,50,10,.22);
}

/* ---- craft-floor kill-list: grain / eyebrow / dekoratif blob ---- */
body::after{display:none!important}
.eyebrow,.kicker{display:none!important}
.blob{display:none!important}

/* ---- taban + forge ışığı (özne dünyasından: ateş, noise değil) ---- */
body{background:var(--char);color:var(--text);font-family:'Inter',system-ui,sans-serif;font-size:17px;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(90% 55% at 50% -8%, rgba(255,94,26,.16), transparent 60%),
    radial-gradient(60% 45% at 82% 12%, rgba(232,35,47,.10), transparent 65%),
    linear-gradient(180deg, var(--char) 0%, var(--char) 60%, #0d0806 100%);}
html[data-theme="light"] body::before{
  background:
    radial-gradient(90% 55% at 50% -8%, rgba(255,94,26,.12), transparent 60%),
    radial-gradient(60% 45% at 82% 12%, rgba(232,35,47,.06), transparent 65%),
    linear-gradient(180deg, var(--char) 0%, var(--char) 70%, #e7dccb 100%);}

.wrap{max-width:1220px;margin:0 auto;padding:0 32px}
a{color:inherit}
::selection{background:rgba(255,94,26,.28);color:var(--text)}

/* ---- tipografi: Anton display, katı renk ---- */
/* Anton CONDENSED bir poster fontu → negatif tracking harfleri yapıştırır (Türkçe'de okunmaz).
   h1/h2/h3'te tracking'i sıfıra yakın tut; Anton h1'e hafif POZİTİF ver ki harfler nefes alsın. */
h1,h2,h3{color:var(--text);letter-spacing:-.008em;line-height:1.08}
h1{font-family:'Anton',sans-serif;font-weight:400;letter-spacing:.01em}
.fire{color:var(--ember);background:none!important;-webkit-text-fill-color:currentColor!important}

/* ---- NAV: ince, editorial ---- */
header{position:sticky;top:0;z-index:50}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;
  margin-top:18px;padding:0 14px 0 22px;border-radius:var(--r);
  border:1px solid var(--line);background:rgba(12,8,5,.72);backdrop-filter:blur(14px);box-shadow:var(--shadow)}
html[data-theme="light"] .nav{background:rgba(255,250,244,.78)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.02em;text-decoration:none;color:var(--text)}
.brand .b{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--text)}
.brand .ico,.brand .bico{color:var(--ember);width:26px;height:26px}
.links,.nlinks{display:flex;align-items:center;gap:26px}
.links a,.nlinks a{font-weight:600;color:var(--muted);text-decoration:none;transition:color .18s}
.links a:hover,.nlinks a:hover,.links a.active,.nlinks a.active{color:var(--text)}
.nav-r{display:flex;align-items:center;gap:12px}

/* ---- butonlar ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 20px;border-radius:11px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;
  border:1px solid transparent;cursor:pointer;text-decoration:none;font-size:15px;
  color:#160600;background:var(--ember);transition:transform .18s,background .18s,border-color .18s,color .18s}
.btn:hover{background:var(--gold);transform:translateY(-2px)}
.btn.primary{color:#160600;background:var(--ember);box-shadow:0 14px 34px -14px rgba(255,94,26,.7)}
.btn.primary:hover{background:var(--gold)}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
.btn.ghost:hover{border-color:var(--ember);color:var(--ember);background:transparent}
.btn.sm{padding:8px 14px;font-size:13px}
.btn.block{width:100%;margin-top:6px}
.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;transform:none}
.tbtn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;transition:.18s}
.tbtn:hover{border-color:var(--ember);color:var(--ember)}

/* ---- yüzeyler ---- */
.glass{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--r)}
.card{background:var(--char2);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:26px}
/* side-tab (border-left) craft-floor banı → ince tam çerçeve */
.note,.callout{border-left:0!important;border:1px solid var(--line);border-radius:var(--r);
  background:var(--char2);color:var(--muted);box-shadow:var(--shadow-sm);padding:18px 20px}
.note b,.callout b,.note strong,.callout strong{color:var(--text)}

/* ---- formlar (giriş / kayıt / başvuru / destek / panel) ---- */
.field{margin-bottom:16px}
.field label,.lbl{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:7px;letter-spacing:.01em}
.input,input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{
  width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--line);
  background:rgba(255,255,255,.02);color:var(--text);font-size:15px;font-family:inherit;
  transition:border-color .18s,box-shadow .18s}
html[data-theme="light"] .input,html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:rgba(0,0,0,.02)}
.input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ember);box-shadow:0 0 0 3px rgba(255,94,26,.16)}
.input::placeholder,textarea::placeholder{color:var(--faint)}
.hint{font-size:12.5px;color:var(--faint);margin-top:6px;line-height:1.5}
.msg{display:none;margin:12px 0;padding:12px 14px;border-radius:11px;font-size:14px;border:1px solid var(--line)}
.msg.show{display:block}
.msg.err{background:rgba(232,35,47,.1);border-color:rgba(232,35,47,.4);color:#ffb3b3}
.msg.ok{background:rgba(255,94,26,.1);border-color:rgba(255,94,26,.4);color:var(--gold)}

/* ---- tabs (giriş/kayıt vb.) ---- */
.tabs{display:flex;gap:6px;margin-bottom:22px;padding:5px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.2)}
.tabs button{flex:1;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:700;font-size:14px;cursor:pointer;transition:.18s}
.tabs button.active{background:var(--ember);color:#160600}

/* ---- auth split (giriş + şifre-sıfırla) ---- */
.authwrap{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:48px 0 80px;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.authside{padding:48px 44px;background:
  radial-gradient(120% 100% at 0% 0%, rgba(255,94,26,.14), transparent 60%), var(--char2);
  border-right:1px solid var(--line)}
.authside .sbrand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:800;margin-bottom:28px}
.authside .sbrand .ico{color:var(--ember);width:24px;height:24px}
.authside h2{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(38px,4.4vw,60px);line-height:.9;letter-spacing:-.03em;margin:0 0 18px}
.authside p{color:var(--muted);font-size:16px;line-height:1.6;max-width:38ch}
.authside ul{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-direction:column;gap:14px}
.authside li{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:15px}
.authside li .ico{color:var(--ember);width:20px;height:20px;flex:none}
.authform{padding:48px 44px;background:var(--char2)}
.authform h3{font-size:26px;letter-spacing:-.02em;margin:0 0 6px}
.lead2{color:var(--muted);font-size:15px;margin-bottom:20px}

/* ---- rozet / meta / boş durum ---- */
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.03em;border:1px solid var(--line);color:var(--muted)}
.badge.live,.badge.on{background:var(--ember);color:#160600;border-color:transparent}
.badge.soon,.badge.off{background:transparent;color:var(--faint)}
.mono{font-family:'Space Mono',ui-monospace,monospace}
.faint{color:var(--faint)}
.empty{color:var(--faint);text-align:center;padding:40px 20px;font-size:15px}
/* kick = bolum etiketi; craft-floor: loud eyebrow degil → her sayfada sakin faint (taban .page-head/.head/.whead ozgullugunu ez) */
.kick,.page-head .kick,.head .kick,.whead .kick{color:var(--faint)!important;font-family:inherit!important;text-transform:none!important;font-size:12.5px!important;letter-spacing:.08em!important;font-weight:600!important}

/* ---- footer ---- */
footer{border-top:1px solid var(--line);margin-top:80px;padding:44px 0}
footer .brand .b,.foot .brand .b{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--text)}
.foot a:hover,.disc a{color:var(--ember)}

/* ---- reduced-motion global ---- */
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---- responsive / MOBİL (telefon) ---- */
.navtog{display:none;align-items:center;justify-content:center}
@media(max-width:820px){
  .wrap{padding:0 18px}
  .authwrap{grid-template-columns:1fr}
  .authside{border-right:0;border-bottom:1px solid var(--line)}
  /* nav: orta linkleri hamburger açılır-menüsüne al (app.js .navtog enjekte eder) */
  header .nav{position:relative}
  .navtog{display:inline-flex}
  .nlinks{display:none}
  nav.nav-open .nlinks{display:flex;flex-direction:column;gap:2px;position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:60;
    padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--char2);box-shadow:var(--shadow)}
  nav.nav-open .nlinks a{padding:13px 14px;border-radius:10px;font-size:16px;color:var(--muted)}
  nav.nav-open .nlinks a:hover,nav.nav-open .nlinks a.active{background:var(--ash);color:var(--text)}
  /* grid'ler tek kolon */
  .g2,.g3{grid-template-columns:1fr}
  /* tablolar: taşma yerine yatay kaydırma */
  .tbl{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  /* dokunma hedefleri (min 44px) */
  .btn{padding:12px 18px}
  .tbtn,.navtog{width:42px;height:42px}
}
@media(max-width:560px){
  .wrap{padding:0 14px}
  .nav{height:64px;padding:0 10px 0 16px}
  .brand{font-size:19px}
  .authside,.authform{padding:32px 22px}
}

/* ==== TUTUSMA loader — kaynak: assets/molten.css ile SENKRON tutulacak ==== */
/* ===== TUTUŞMA v4 ====================================================
   Sahne : alev kalıbı dolar -> duruş -> tutuşma (ışık patlaması + közler)
   Çıkış : alev öne doğru büyüyüp ekranı yutar, beyaz-sıcak patlar, sönerken site çıkar
   Hızlı : perde YOK. Üst kenarda erimiş metal dikişi soldan sağa akar, içerik hep görünür. */
#forge{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;
  --g1:255,192,34;--g2:255,110,27;--g3:255,59,12;--d:5.2s;
  background-color:var(--char);overflow:hidden;
  animation:fkill .3s 2.6s forwards}

#forge::before{content:"";z-index:1;position:absolute;left:50%;top:50%;width:min(150vw,1100px);aspect-ratio:1;
  transform:translate(-50%,-46%);border-radius:50%;opacity:0;
  background:radial-gradient(circle,rgba(var(--g2),.42) 0%,rgba(var(--g3),.16) 34%,transparent 66%);
  animation:hearth var(--d) linear .04s both}

#forge::after{content:"";z-index:3;position:absolute;left:50%;top:62%;width:4px;height:4px;border-radius:50%;
  background:rgb(var(--g1));opacity:0;
  box-shadow:78px 8px 0 -1px rgb(var(--g1)),-86px 18px 0 -1.2px rgb(var(--g2)),42px 34px 0 -1.4px rgb(var(--g2)),
             -52px -6px 0 -1px rgb(var(--g1)),118px 26px 0 -1.6px rgb(var(--g3)),-124px 6px 0 -1.6px rgb(var(--g3)),
             96px -18px 0 -1.5px rgb(var(--g1)),-68px 40px 0 -1.5px rgb(var(--g2));
  animation:embers 1.9s calc(var(--d) * .235) cubic-bezier(.2,.6,.35,1) both}

#forge svg{z-index:2;grid-area:1/1;width:clamp(170px,24vw,300px);aspect-ratio:1;overflow:visible;position:relative}
#forge .fm{fill:none;stroke:rgb(var(--g2));stroke-opacity:.34;stroke-width:.5;stroke-linejoin:round}
#forge .fc{clip-path:inset(100% 0 0 0);animation:pour var(--d) linear .04s both;transform-origin:50% 58%}

@keyframes pour{
 0%  {clip-path:inset(100% 0 0 0);transform:scale(1);filter:brightness(.55) saturate(.7);animation-timing-function:cubic-bezier(.4,0,.2,1)}
 5%  {clip-path:inset(94% 0 0 0);filter:brightness(.7) saturate(.85);animation-timing-function:cubic-bezier(.25,.6,.35,1)}
 15% {clip-path:inset(58% 0 0 0);filter:brightness(.85) saturate(1);animation-timing-function:linear}
 19% {clip-path:inset(58% 0 0 0);animation-timing-function:cubic-bezier(.2,.9,.2,1)}
 26% {clip-path:inset(12% 0 0 0);transform:scale(1);filter:brightness(1) saturate(1)}
 29% {clip-path:inset(0 0 0 0);transform:scale(1.09);filter:brightness(1.75) saturate(1.15)}
 34% {clip-path:inset(0 0 0 0);transform:scale(.99);filter:brightness(1.02)}
 38% {transform:scale(1.02);filter:brightness(1.1)}
 46% {transform:scale(1);filter:brightness(1)}
 100%{clip-path:inset(0 0 0 0);transform:scale(1);filter:brightness(1)}}

@keyframes hearth{0%{opacity:0}15%{opacity:.30}19%{opacity:.30}29%{opacity:1}44%{opacity:.52}100%{opacity:.46}}
@keyframes embers{0%{opacity:0;transform:translateY(0) scale(1)}12%{opacity:1}100%{opacity:0;transform:translateY(-230px) scale(.25)}}
@keyframes fkill{to{opacity:0;visibility:hidden}}

/* ===== ÇIKIŞ — alev perdeyi yutar ===================================
   1) alev öne doğru büyür + beyazlaşır (ekranı o kaplar, perde değil)
   2) perde zemini şeffaflaşır -> arkada site zaten duruyor
   3) dev alev söner, site açılır.  Toplam 620ms. */
html.fr #forge{pointer-events:none;animation:curtain .62s cubic-bezier(.4,0,.25,1) forwards}
html.fr #forge .fc{animation:rush .62s cubic-bezier(.5,0,.28,1) forwards}
html.fr #forge .fm{opacity:0;transition:opacity .1s linear}
html.fr #forge::before{animation:bloom .62s cubic-bezier(.4,0,.3,1) forwards}
html.fr #forge::after{animation:scatter .5s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes curtain{
 0%{background-color:var(--char);opacity:1}
 34%{background-color:var(--char)}
 62%{background-color:transparent;opacity:1}
 100%{background-color:transparent;opacity:0;visibility:hidden}}
@keyframes rush{
 0%{transform:scale(1);filter:brightness(1) saturate(1);opacity:1}
 26%{transform:scale(2.6);filter:brightness(1.5) saturate(1.1)}
 62%{transform:scale(17);filter:brightness(2.9) saturate(.45);opacity:.9}
 100%{transform:scale(30);filter:brightness(3.4) saturate(.2);opacity:0}}
@keyframes bloom{0%{opacity:.46}30%{opacity:1}100%{opacity:0}}
@keyframes scatter{0%{opacity:.9;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-180px) scale(2.6)}}

/* ===== HIZLI MOD — perde yok, üst kenarda erimiş metal dikişi =======
   İçerik hiç örtülmüyor; tıklamayı da yutmuyor. Marka hissi kalıyor,
   "ekranda logo flash'ı" yok. */
#forge.fl-seam{background-color:transparent;display:block;pointer-events:none;animation:none}
#forge.fl-seam svg,#forge.fl-seam::before{display:none}
#forge.fl-seam::after{content:"";display:block;z-index:1;position:absolute;left:0;top:0;
  width:34vw;min-width:190px;height:2px;border-radius:2px;opacity:0;transform:translateX(-40vw);
  background:linear-gradient(90deg,transparent,rgba(var(--g3),.55) 30%,rgb(var(--g1)) 82%,#fff 96%,transparent);
  box-shadow:0 0 12px 1px rgba(var(--g2),.75),0 0 34px 4px rgba(var(--g2),.28);
  animation:seam .52s cubic-bezier(.32,.02,.2,1) both}
@keyframes seam{
 0%{opacity:0;transform:translateX(-40vw)}
 12%{opacity:1}
 72%{opacity:1}
 100%{opacity:0;transform:translateX(102vw)}}

html[data-theme="light"] #forge{--g1:214,140,20;--g2:196,80,18;--g3:170,45,10}
html[data-theme="light"] #forge .fm{stroke-opacity:.42}
html[data-theme="light"] #forge .fc stop:nth-of-type(1){stop-color:#D98A0C}
html[data-theme="light"] #forge .fc stop:nth-of-type(2){stop-color:#D4520F}
html[data-theme="light"] #forge .fc stop:nth-of-type(3){stop-color:#A82A06}
html[data-theme="light"] #forge::before{animation-name:hearthL}
@keyframes hearthL{0%{opacity:0}15%{opacity:.18}19%{opacity:.18}29%{opacity:.55}44%{opacity:.3}100%{opacity:.26}}

@media(prefers-reduced-motion:reduce){
 #forge .fc{animation:none!important;clip-path:none!important;transform:none!important;filter:none!important}
 #forge::before{animation:none!important;opacity:.4!important}
 #forge::after{display:none!important}
 #forge svg{animation:none!important}
 #forge{animation:fkill .01s .9s forwards!important}
 html.fr #forge{animation:fkill .18s forwards!important}
 html.fr #forge .fc{animation:none!important}}

/* ===== Scroll çubukları gizli (kullanıcı isteği 2026-08-05) ============
   Kaydırma ÇALIŞMAYA devam eder, sadece çubuk görünmez.
   `overflow:hidden` KULLANILMADI — o, taşan içeriği erişilemez yapardı.
   Kapsam: sayfa + tüm kaydırılabilir kutular (satın alma penceresi,
   yatay kayan tablolar, wiki menüsü). */
html,body,*{scrollbar-width:none;-ms-overflow-style:none}
::-webkit-scrollbar{width:0;height:0;display:none}