:root{
  --bg:#050505;
  --ink:#f0eee9;
  --ink-dim:#8d8a84;
  --ink-faint:#2c2b29;
  --font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* ---------- seçme / kopyalama / sürükleme kapalı ---------- */
body,body *{
  -webkit-user-select:none;user-select:none;
  -webkit-touch-callout:none;
}
img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
::selection{background:transparent}

/* ---------- arka plan katmanları ---------- */
.bg{
  position:fixed;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:0;pointer-events:none;
  opacity:0;transition:opacity 2s ease .6s;
}
body.is-in .bg{opacity:.07}           /* saydamlık: burayı değiştir (0–1) */

.dust{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.grain{
  position:fixed;inset:0;width:100%;height:100%;
  pointer-events:none;z-index:50;
  opacity:.08;mix-blend-mode:screen;
  animation:grain 1.2s steps(6) infinite;
}
@keyframes grain{
  0%{transform:translate(0,0)}20%{transform:translate(-2%,1%)}
  40%{transform:translate(1%,-2%)}60%{transform:translate(-1%,2%)}
  80%{transform:translate(2%,-1%)}100%{transform:translate(0,0)}
}
.mist{
  position:fixed;inset:-20%;z-index:0;pointer-events:none;
  background:
    radial-gradient(40% 50% at 30% 70%, rgba(255,255,255,.05), transparent 70%),
    radial-gradient(35% 45% at 70% 25%, rgba(255,255,255,.04), transparent 70%);
  filter:blur(40px);
  animation:drift 26s ease-in-out infinite alternate;
}
@keyframes drift{
  from{transform:translate(-3%,2%) rotate(0deg) scale(1)}
  to{transform:translate(3%,-2%) rotate(4deg) scale(1.1)}
}
.spot{
  position:fixed;left:0;top:0;width:520px;height:520px;z-index:0;pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.07), transparent 60%);
  transform:translate(-50%,-50%);
  opacity:0;transition:opacity .8s;
}
.page.is-in ~ .spot, body.has-mouse .spot{opacity:1}

/* ---------- giriş kapısı ---------- */
.gate{
  position:fixed;inset:0;z-index:100;
  background:var(--bg);
  display:grid;place-items:center;
  cursor:pointer;
  transition:opacity .9s ease, transform .9s cubic-bezier(.7,0,.3,1), visibility 0s linear .9s;
}
.gate.is-open{opacity:0;transform:scale(1.15);visibility:hidden}
.gate__inner{display:grid;justify-items:center;gap:22px;width:min(92vw,360px)}
@keyframes spin{to{transform:rotate(360deg)}}

.gate__shield{
  position:relative;width:96px;height:96px;color:var(--ink-dim);
  transition:color .6s;
}
.gate__shield svg{width:100%;height:100%;overflow:visible}
.gate__shield::before,.gate__shield::after{
  content:"";position:absolute;inset:-14px;border-radius:50%;
  border:1px solid transparent;border-top-color:var(--ink);
  animation:spin 2.4s linear infinite;
}
.gate__shield::after{inset:-24px;border-top-color:var(--ink-faint);animation-duration:4s;animation-direction:reverse}
.gate__scan{
  position:absolute;left:14%;right:14%;height:2px;top:12%;
  background:linear-gradient(90deg,transparent,var(--ink),transparent);
  box-shadow:0 0 12px var(--ink);
  animation:scan 1.6s ease-in-out infinite alternate;
}
@keyframes scan{to{top:86%}}
.gate__check{stroke-dasharray:12;stroke-dashoffset:12;transition:stroke-dashoffset .5s ease .1s}
.gate.is-clean .gate__shield{color:#3ba55d}
.gate.is-clean .gate__scan{display:none}
.gate.is-clean .gate__shield::before,.gate.is-clean .gate__shield::after{animation-play-state:paused;opacity:.3}
.gate.is-clean .gate__check{stroke-dashoffset:0}

.gate__head{display:grid;justify-items:center;gap:6px;text-align:center}
.gate__title{font-size:11px;letter-spacing:.3em;color:var(--ink)}
.gate__status{font-size:12px;color:var(--ink-dim);letter-spacing:.06em}
.gate__status::after{content:"";animation:dots 1.2s steps(4) infinite}
@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.gate.is-clean .gate__status{color:#3ba55d}
.gate.is-clean .gate__status::after{content:"" !important;animation:none}

.gate__log{
  list-style:none;width:100%;display:grid;gap:6px;
  font-size:11px;letter-spacing:.04em;color:var(--ink-dim);font-variant-numeric:tabular-nums;
}
.gate__log li{
  display:flex;justify-content:space-between;gap:12px;
  opacity:0;transform:translateX(-6px);transition:opacity .4s,transform .4s;
}
.gate__log li::before{content:"› ";color:var(--ink-faint)}
.gate__log li::after{content:"";color:var(--ink-faint);flex:none}
.gate__log li.is-on{opacity:1;transform:none}
.gate__log li.is-on::after{content:"...";animation:dots 1s steps(4) infinite}
.gate__log li.is-ok{color:var(--ink-dim)}
.gate__log li.is-ok::after{content:"TEMİZ";color:#3ba55d;animation:none;letter-spacing:.14em;font-size:10px}

.gate__bar{width:100%;height:1px;background:var(--ink-faint);overflow:hidden}
.gate__bar span{display:block;height:100%;width:0;background:var(--ink);transition:width .5s ease}
.gate.is-clean .gate__bar span{background:#3ba55d}

.caret{animation:blink 1s steps(2) infinite}
@keyframes blink{to{opacity:0}}

/* ---------- sayfa ---------- */
.page{
  position:relative;z-index:1;
  min-height:100vh;
  display:grid;grid-template-rows:auto 1fr auto;
  padding:26px clamp(20px,5vw,64px);
  opacity:0;transition:opacity 1s ease .2s;
}
.page.is-in{opacity:1}
.top,.foot{
  display:flex;justify-content:space-between;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink-dim);font-variant-numeric:tabular-nums;
}
.foot{padding-top:24px;border-top:1px solid var(--ink-faint)}

.hero{
  display:grid;justify-items:center;align-content:center;
  text-align:center;gap:18px;padding:40px 0;
}

/* ---------- avatar ---------- */
.avatar{
  position:relative;width:168px;height:168px;border-radius:50%;
  display:grid;place-items:center;
  animation:float 6s ease-in-out infinite;
  transform-style:preserve-3d;
}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -8px}}
.avatar img{
  position:relative;z-index:2;
  width:148px;height:148px;border-radius:50%;object-fit:cover;object-position:50% 40%;
  filter:grayscale(1) contrast(1.1) brightness(.95);
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 30px 60px -20px rgba(0,0,0,.9);
  transform:rotateX(var(--rx,0)) rotateY(var(--ry,0));
  transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.avatar__ring{
  position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg, transparent 0 70%, var(--ink) 92%, transparent 100%);
  -webkit-mask:radial-gradient(circle, transparent 65%, #000 66%, #000 68%, transparent 69%);
          mask:radial-gradient(circle, transparent 65%, #000 66%, #000 68%, transparent 69%);
  animation:spin 6s linear infinite;
}
.avatar__ring--2{
  inset:-14px;opacity:.45;
  background:conic-gradient(from 180deg, transparent 0 80%, var(--ink-dim) 95%, transparent 100%);
  -webkit-mask:radial-gradient(circle, transparent 67%, #000 68%, #000 69%, transparent 70%);
          mask:radial-gradient(circle, transparent 67%, #000 68%, #000 69%, transparent 70%);
  animation:spin 10s linear infinite reverse;
}
.avatar__glow{
  position:absolute;inset:-40px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.12), transparent 60%);
  animation:glow 4s ease-in-out infinite;
  filter:blur(10px);
}
@keyframes glow{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}

/* ---------- isim ---------- */
.name{
  font-size:clamp(44px,7vw,68px);font-weight:600;letter-spacing:-.03em;line-height:1;
  color:var(--ink);margin-top:6px;
  display:inline-flex;
}
.name__ch{
  display:inline-block;opacity:0;transform:translateY(24px) rotate(6deg);filter:blur(6px);
  transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease;
}
.page.is-in .name__ch{opacity:1;transform:none;filter:blur(0)}
.page.is-in .name__ch:nth-child(1){transition-delay:.55s}
.page.is-in .name__ch:nth-child(2){transition-delay:.68s}
.page.is-in .name__ch:nth-child(3){transition-delay:.81s}

.handle{
  font-size:14px;color:var(--ink-dim);letter-spacing:.06em;margin-top:-8px;
}

/* ---------- meta ---------- */
.meta{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;
  font-size:14px;color:var(--ink-dim);letter-spacing:.02em;
}
.meta__row{display:inline-flex;align-items:center;gap:8px}
.meta__row b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.meta__sep{width:4px;height:4px;border-radius:50%;background:var(--ink-faint)}
.pin,.eye{width:16px;height:16px;flex:none}
.pin{animation:bounce 2.4s ease-in-out infinite;transform-origin:50% 100%}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.eye__pupil{animation:look 5s ease-in-out infinite}
@keyframes look{0%,40%,100%{transform:translateX(0)}45%,60%{transform:translateX(2px)}65%,80%{transform:translateX(-2px)}}

.line{
  min-height:1.6em;font-size:15px;color:var(--ink-dim);font-weight:300;
  padding:14px 40px;margin:-14px 0;        /* fare için geniş alan */
  cursor:default;
}
.line__inner{
  display:inline-block;letter-spacing:.3em;font-weight:500;
  transform:translate(var(--mx,0),var(--my,0));
  transition:transform .35s cubic-bezier(.2,.8,.2,1), color .4s, text-shadow .4s, letter-spacing .4s;
}
.line.is-hot .line__inner{
  color:var(--ink);letter-spacing:.42em;
  text-shadow:0 0 10px rgba(255,255,255,.9), 0 0 28px rgba(255,255,255,.45), 0 0 60px rgba(255,255,255,.2);
}
.line.is-hot .caret--line{text-shadow:0 0 10px rgba(255,255,255,.9)}
.caret--line{color:var(--ink);font-weight:300;margin-left:1px}

/* ---------- kademeli giriş ---------- */
.hero > *{opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.page.is-in .hero > *{opacity:1;transform:none}
.page.is-in .hero > :nth-child(1){transition-delay:.3s}
.page.is-in .hero > :nth-child(2){transition-delay:.5s}
.page.is-in .hero > :nth-child(3){transition-delay:.95s}
.page.is-in .hero > :nth-child(4){transition-delay:1.05s}
.page.is-in .hero > :nth-child(5){transition-delay:1.2s}
.page.is-in .hero > :nth-child(6){transition-delay:1.35s}
.page.is-in .avatar{animation:float 6s ease-in-out 1.3s infinite}

@media (max-width:520px){
  .avatar{width:150px;height:150px}
  .avatar img{width:132px;height:132px}
  .top,.foot{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important}
}

/* ---------- discord kartı ---------- */
.discord{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  width:min(100%,380px);padding:12px 14px 12px 12px;
  border:1px solid var(--ink-faint);border-radius:16px;
  background:rgba(255,255,255,.025);
  color:var(--ink);text-decoration:none;text-align:left;
  transition:border-color .35s,background .35s,transform .35s;
}
.discord::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg, transparent 30%, rgba(255,255,255,.07) 50%, transparent 70%);
  transform:translateX(-100%);
}
.discord:hover{border-color:var(--ink-dim);background:rgba(255,255,255,.05);transform:translateY(-2px)}
.discord:hover::after{animation:shine .9s ease}
@keyframes shine{to{transform:translateX(100%)}}
.discord__iconwrap{
  position:relative;width:52px;height:52px;border-radius:14px;overflow:hidden;
  background:var(--ink-faint);display:grid;place-items:center;
}
.discord__icon{width:100%;height:100%;object-fit:cover;display:none}
.discord__icon.is-ready{display:block}
.discord__logo{width:26px;height:26px;color:var(--ink-dim)}
.discord__icon.is-ready + .discord__logo{display:none}
.discord__body{display:grid;gap:3px;min-width:0}
.discord__label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim)}
.discord__name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.discord__stats{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums}
.discord__stats .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-dim);opacity:.5;margin-left:4px}
.discord__stats .dot:first-child{margin-left:0}
.discord__stats .dot--on{background:#3ba55d;opacity:1;animation:pulseDot 2s ease-in-out infinite}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(59,165,93,.5)}50%{box-shadow:0 0 0 5px rgba(59,165,93,0)}}
.discord__cta{
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  padding:8px 14px;border-radius:999px;border:1px solid var(--ink-faint);color:var(--ink-dim);
  transition:background .35s,color .35s,border-color .35s;
}
.discord:hover .discord__cta{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* ---------- tarama: büyüteç, tespit, damga ---------- */
:root{--red:#e5484d}
.gate__log{position:relative}
.gate__log li.is-ok::after{content:"OK"}
.gate__log li{transition:opacity .4s,transform .4s,color .4s,filter .4s}
.gate.is-focus .gate__log li:not(.is-target){opacity:.25;filter:blur(.6px)}
.gate__log li.is-target{
  color:var(--ink);transform:scale(1.06);transform-origin:left center;
}
.gate__log li.is-target::after{content:"SUSPICIOUS";color:var(--red);animation:none;letter-spacing:.14em;font-size:10px}
.gate__lens{
  position:absolute;left:-34px;top:0;width:22px;height:22px;color:var(--ink);
  opacity:0;transform:translateY(var(--ly,0)) scale(.4);
  transition:opacity .3s,transform .55s cubic-bezier(.2,.9,.2,1.15);
  filter:drop-shadow(0 0 8px rgba(255,255,255,.7));
}
.gate__lens svg{width:100%;height:100%}
.gate.is-focus .gate__lens{opacity:1;transform:translateY(var(--ly,0)) scale(1)}
.gate.is-focus .gate__lens svg{animation:lensWobble 1.2s ease-in-out infinite}
@keyframes lensWobble{0%,100%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(8deg) scale(1.12)}}

.gate.is-detect .gate__shield{color:var(--red)}
.gate.is-detect .gate__scan{display:none}
.gate.is-detect .gate__shield::before,.gate.is-detect .gate__shield::after{animation-duration:.5s;border-top-color:var(--red)}
.gate.is-detect .gate__status{color:var(--red)}
.gate.is-detect .gate__status::after{content:"" !important;animation:none}
.gate.is-detect .gate__bar span{background:var(--red)}
.gate.is-detect .gate__check{display:none}
.gate.is-detect .gate__log li.is-target::after{content:"DETECTED"}

.gate__stamp{
  position:absolute;left:50%;top:50%;z-index:2;
  font-size:clamp(34px,7vw,74px);font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--red);white-space:nowrap;
  text-shadow:0 0 24px rgba(229,72,77,.6);
  opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(4);
  pointer-events:none;
}
.gate__stamp.hit{animation:stamp .55s cubic-bezier(.1,.9,.2,1) forwards}
@keyframes stamp{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(-6deg) scale(4)}
  55%{opacity:1;transform:translate(-50%,-50%) rotate(-6deg) scale(.96)}
  70%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.04)}
  100%{opacity:1;transform:translate(-50%,-50%) rotate(-6deg) scale(1)}
}
.gate__flash{position:absolute;inset:0;background:var(--red);opacity:0;pointer-events:none;mix-blend-mode:screen}
.gate__flash.hit{animation:flash .45s ease-out}
@keyframes flash{0%{opacity:.45}100%{opacity:0}}
.gate__inner.shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97)}
@keyframes shake{
  10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}
  30%,50%,70%{transform:translate(-7px,3px)}40%,60%{transform:translate(7px,-3px)}
}

/* ---------- video sahnesi ---------- */
.cinema{
  position:fixed;inset:0;z-index:90;background:#000;
  display:grid;place-items:center;
  opacity:0;visibility:hidden;
  transition:opacity .8s ease, visibility 0s linear .8s;
}
.cinema.is-on{opacity:1;visibility:visible;transition:opacity .4s ease, visibility 0s}
.cinema video{
  width:100vw;height:100vh;object-fit:contain;
  display:block;background:#000;
  transform:scale(1.25);                 /* video boyutu: burayı değiştir */
  opacity:0;transition:opacity .5s ease;
}
.cinema.is-show video{opacity:1}

/* sesli oynatma engelliyse tespit anında tek tıklama beklenir */
.gate__wait{
  font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);
  opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;
  pointer-events:none;
}
.gate.is-wait .gate__wait{opacity:1;transform:none}