:root{
  --bg:#05070b;
  --text:#f7f9fc;
  --muted:rgba(255,255,255,.58);
  --accent:#9be7ff;
  --accent2:#bca7ff;
  --footer-h:30px;
  --page-x:35px;
  --page-top:10px;
  --radius:30px;
}

*{
  box-sizing:border-box;
  margin:0;
  padding:0;
  -webkit-tap-highlight-color:transparent;
}

html,body{
  width:100%;
  min-height:100%;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overscroll-behavior:none;
}

body{
  min-height:100vh;
  min-height:100dvh;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 8%, rgba(88,122,255,.13), transparent 32%),
    radial-gradient(circle at 82% 74%, rgba(77,208,225,.10), transparent 28%),
    linear-gradient(145deg,#030508 0%,#07101a 52%,#030407 100%);
}

button,a{font:inherit;color:inherit}
button{border:0;background:none}
img{
  -webkit-user-drag:none;
  user-drag:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}

/* =========================================================
   APP
========================================================= */
.app{
  position:fixed;
  inset:
    max(var(--page-top),env(safe-area-inset-top))
    var(--page-x)
    calc(var(--footer-h) + 5px + env(safe-area-inset-bottom))
    var(--page-x);
}

.scene{
  position:absolute;
  inset:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius);
  background:rgba(255,255,255,.025);
  box-shadow:
    0 20px 70px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.08);
  isolation:isolate;
}

/* =========================================================
   SOL ÜST MENÜ
========================================================= */
.corner-menu{
  position:absolute;
  top:16px;
  left:16px;
  z-index:60;
}

.menu-trigger{
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(5,9,14,.48);
  backdrop-filter:blur(18px) saturate(130%);
  box-shadow:
    0 10px 28px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,255,255,.15),
    0 0 8px rgba(155,231,255,.85),
    0 0 18px rgba(155,231,255,.55),
    0 0 30px rgba(188,167,255,.32);
  animation:menuNeon 1.8s ease-in-out infinite alternate;
  transition:.3s ease;
}

.menu-trigger svg{width:20px;height:20px}

.corner-links{
  position:absolute;
  top:56px;
  left:0;
  width:170px;
  padding:9px;
  display:grid;
  gap:5px;
  opacity:0;
  transform:translateY(-8px) scale(.96);
  pointer-events:none;
  transition:.28s ease;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(5,8,12,.72);
  backdrop-filter:blur(22px) saturate(130%);
  border-radius:18px;
  box-shadow:0 18px 50px rgba(0,0,0,.38);
}

.corner-menu.open .corner-links{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.corner-links button{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 11px;
  border-radius:12px;
  cursor:pointer;
  color:rgba(255,255,255,.78);
  text-align:left;
}

.corner-links button:hover,
.corner-links button.active{
  background:rgba(255,255,255,.08);
  color:white;
}

.mini-icon{
  width:27px;
  height:27px;
  border-radius:9px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.08);
}

/* =========================================================
   SAYFALAR
========================================================= */
.page{
  position:absolute;
  inset:0;
  opacity:0;
  transform:translateY(12px) scale(.992);
  pointer-events:none;
  transition:opacity .38s ease,transform .38s ease;
}

.page.active{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

/* =========================================================
   ANA SAYFA
========================================================= */
.hero-card{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:inherit;
  background:#0b1119;
}

.hero-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom,rgba(2,4,7,.08),rgba(2,4,7,.02) 42%,rgba(2,4,7,.58) 100%),
    radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.18) 100%);
  pointer-events:none;
}

.explore-wrap{
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  z-index:8;
}

.explore-btn{
  min-width:138px;
  height:50px;
  padding:0 24px;
  border-radius:999px;
  cursor:pointer;
  color:#fff;
  font-weight:650;
  letter-spacing:.02em;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.055));
  backdrop-filter:blur(20px) saturate(145%);
  box-shadow:
    0 13px 36px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.22),
    0 0 28px rgba(115,205,255,.07);
  transition:.25s ease;
}

/* =========================================================
   KEŞFET
========================================================= */
.discover-overlay{
  position:absolute;
  inset:0;
  z-index:35;
  display:grid;
  place-items:center;
  opacity:0;
  pointer-events:none;
  transition:.38s ease;
}

.discover-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(1,4,8,.36);
  backdrop-filter:blur(0);
  transition:.4s ease;
}

.scene.discover-open .discover-overlay{
  opacity:1;
  pointer-events:auto;
}

.scene.discover-open .discover-overlay::before{
  backdrop-filter:blur(16px);
}

.orbit-menu{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}

.orb{
  position:relative;
  width:118px;
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.20);
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.20),transparent 24%),
    radial-gradient(circle at 50% 115%,rgba(128,211,255,.14),transparent 48%),
    rgba(9,15,23,.52);
  backdrop-filter:blur(22px) saturate(145%);
  box-shadow:
    0 18px 45px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,255,255,.20);
  transform:translateY(18px) scale(.88);
  opacity:0;
  transition:.4s cubic-bezier(.2,.8,.2,1);
}

.orb.center{
  width:150px;
  background:
    radial-gradient(circle at 33% 24%,rgba(255,255,255,.25),transparent 22%),
    radial-gradient(circle at 50% 110%,rgba(137,115,255,.20),transparent 48%),
    rgba(12,15,26,.62);
}

.scene.discover-open .orb{transform:none;opacity:1}
.scene.discover-open .orb:nth-child(1){transition-delay:.05s}
.scene.discover-open .orb:nth-child(2){transition-delay:.1s}
.scene.discover-open .orb:nth-child(3){transition-delay:.15s}

.orb-content{
  display:grid;
  place-items:center;
  gap:7px;
  text-align:center;
}

.orb-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.055);
}

.orb-icon svg{width:16px;height:16px}
.orb span{font-size:13px;font-weight:650}
.orb.center span{font-size:15px}

.close-discover{
  position:absolute;
  z-index:3;
  bottom:22px;
  left:50%;
  transform:translateX(-50%);
  padding:8px 14px;
  border-radius:999px;
  color:rgba(255,255,255,.62);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  cursor:pointer;
}

/* =========================================================
   İÇ SAYFALAR
========================================================= */
.inner-page{
  height:100%;
  padding:88px 24px 28px;
  overflow:auto;
  background:
    radial-gradient(circle at 80% 10%,rgba(105,137,255,.11),transparent 26%),
    linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.01));
}

.inner-shell{
  min-height:100%;
  max-width:820px;
  margin:auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* =========================================================
   GALERİ
========================================================= */
.gallery-shell{
  justify-content:flex-start;
  padding-top:8px;
}

.gallery-head{
  text-align:center;
  margin-bottom:20px;
}

.kicker{
  font-size:11px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--accent);
  margin-bottom:10px;
  display:block;
}

.gallery-head h1,
.info-shell h1,
.contact-shell h1{
  font-size:clamp(32px,7vw,62px);
  line-height:1;
  letter-spacing:-.045em;
}

.gallery-sub{
  color:rgba(255,255,255,.52);
  font-size:12px;
  margin-top:10px;
}

.gallery-slider{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:25px;
  touch-action:pan-y;
  user-select:none;
}

.gallery-track{
  display:flex;
  transition:transform .45s cubic-bezier(.22,.8,.2,1);
  will-change:transform;
}

.gallery-slide{
  min-width:100%;
  position:relative;
  display:grid;
  place-items:center;
}

.gallery-slide img{
  width:100%;
  max-height:62vh;
  aspect-ratio:4/5;
  object-fit:cover;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 20px 50px rgba(0,0,0,.34);
  pointer-events:none;
}

.self-destruct{
  position:absolute;
  right:12px;
  top:12px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.42);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  font-size:10px;
  color:rgba(255,255,255,.72);
}

.gallery-controls{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin-top:14px;
}

.gallery-controls button{
  width:42px;
  height:42px;
  border-radius:50%;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);
}

.gallery-dots{
  display:flex;
  gap:6px;
}

.gallery-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
  transition:.25s ease;
}

.gallery-dot.active{
  width:18px;
  border-radius:999px;
  background:rgba(255,255,255,.75);
}

.gallery-empty{
  display:none;
  min-height:45vh;
  place-items:center;
  text-align:center;
  border:1px dashed rgba(255,255,255,.12);
  border-radius:24px;
  color:rgba(255,255,255,.42);
}

/* =========================================================
   BİLGİ
========================================================= */
.info-shell{
  align-items:center;
  text-align:center;
}

.info-card{
  width:min(100%,620px);
  margin-top:24px;
  padding:28px 22px;
  border-radius:24px;
  background:transparent;
  border:0;
  backdrop-filter:none;
  text-align:center;
}

.info-card .eleni{
  font-size:clamp(28px,8vw,48px);
  font-weight:700;
  letter-spacing:-.04em;
  margin-bottom:12px;
}

.info-card p{
  color:rgba(255,255,255,.58);
  line-height:1.75;
  font-size:14px;
}

/* =========================================================
   İLETİŞİM
========================================================= */
.contact-shell{
  align-items:center;
  text-align:center;
}

.avatar{
  width:122px;
  height:122px;
  margin-top:20px;
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:
    0 20px 45px rgba(0,0,0,.35),
    0 0 0 8px rgba(255,255,255,.025);
}

.contact-links{
  width:min(100%,460px);
  display:grid;
  gap:10px;
  margin-top:24px;
}

.contact-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:54px;
  padding:0 16px;
  text-decoration:none;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(14px);
  transition:.25s ease;
}

.contact-link:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.075);
}

.contact-name{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:600;
}

.contact-symbol{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:transparent;
  border:0;
}
.contact-symbol img{width:100%;height:100%;object-fit:contain;display:block}

.arrow{opacity:.42}

/* =========================================================
   FOOTER
========================================================= */
.rights-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:calc(var(--footer-h) + env(safe-area-inset-bottom));
  padding-bottom:env(safe-area-inset-bottom);
  display:flex;
  align-items:center;
  justify-content:center;
  border-top:1px solid rgba(255,255,255,.16);
  background:rgba(3,5,8,.68);
  backdrop-filter:blur(16px);
  color:rgba(255,255,255,.45);
  font-size:10px;
  letter-spacing:.03em;
  z-index:100;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media(max-width:700px){
  :root{--page-x:14px}
  .orbit-menu{gap:10px}
  .orb{width:88px}
  .orb.center{width:116px}
  .orb span{font-size:11px}
  .orb.center span{font-size:13px}
}

@media(max-width:390px){
  .orbit-menu{gap:7px}
  .orb{width:78px}
  .orb.center{width:104px}
}

/* =========================================================
   GALERİ — SADECE GÖRSELLER
========================================================= */
#page-gallery .inner-page{
  padding:0;
  overflow:hidden;
  background:transparent;
}

#page-gallery .gallery-shell{
  width:100%;
  max-width:none;
  min-height:100%;
  padding:0;
  margin:0;
  justify-content:center;
}

#page-gallery .gallery-slider{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:inherit;
  background:#0b1119;
}

#page-gallery .gallery-track{
  width:100%;
  height:100%;
  display:flex;
}

#page-gallery .gallery-slide{
  min-width:100%;
  width:100%;
  height:100%;
  overflow:hidden;
}

#page-gallery .gallery-slide img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  border:0;
  box-shadow:none;
  background:#0b1119;
}

#page-gallery .gallery-controls,
#page-gallery .gallery-empty,
#page-gallery .gallery-head,
#page-gallery .self-destruct{
  display:none!important;
}

/* TIKLA İKONU — NEON LED */
@keyframes menuNeon{
  from{filter:brightness(.92);}
  to{filter:brightness(1.18);}
}

/* GALERİ — İLK KAYDIRMA İPUCU */
.swipe-hint{
  position:absolute;
  inset:0;
  z-index:12;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  pointer-events:none;
  color:#fff;
  text-shadow:0 2px 14px rgba(0,0,0,.85);
  transition:opacity .28s ease,visibility .28s ease;
}
.swipe-hint::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:min(78%,330px);
  height:72px;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:rgba(3,7,12,.34);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  box-shadow:0 12px 36px rgba(0,0,0,.32),0 0 22px rgba(155,231,255,.12);
}
.swipe-hint > *{position:relative;z-index:1}
.swipe-text{font-size:13px;font-weight:650;letter-spacing:.02em}
.swipe-arrow{font-size:38px;line-height:1;color:rgba(255,255,255,.9);animation:swipePulse 1.1s ease-in-out infinite alternate}
.swipe-arrow.left{animation-name:swipeLeft}
.swipe-arrow.right{animation-name:swipeRight}
.swipe-hint.hidden{opacity:0;visibility:hidden}
@keyframes swipeLeft{from{transform:translateX(4px)}to{transform:translateX(-8px)}}
@keyframes swipeRight{from{transform:translateX(-4px)}to{transform:translateX(8px)}}

/* =========================================================
   BİLGİ — 3 YUVARLAK SEÇİM + AYRI KARTLAR
========================================================= */
#page-info .inner-page{display:grid;place-items:center}
#page-info .info-shell{justify-content:center;min-height:100%;}
.info-choice{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  animation:infoChoiceIn .42s cubic-bezier(.2,.8,.2,1) both;
}
.info-orb{
  width:118px;
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.20);
  color:#fff;
  cursor:pointer;
  overflow:hidden;
  position:relative;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 26%),rgba(9,15,23,.58);
  backdrop-filter:blur(22px) saturate(145%);
  box-shadow:0 18px 45px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.20);
  transition:transform .25s ease,border-color .25s ease;
}
.info-orb:hover,.info-orb:active{transform:translateY(-4px);border-color:rgba(255,255,255,.38)}
.info-orb.real{width:158px}
.info-orb.real img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72)}
.info-orb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.62),transparent 56%);pointer-events:none}
.info-orb span{position:relative;z-index:2;font-size:14px;font-weight:700;letter-spacing:.02em}
.info-orb.real span{align-self:end;margin-bottom:20px;font-size:17px;text-shadow:0 2px 12px #000}
.info-detail-card{
  display:none;
  width:min(100%,620px);
  max-height:70dvh;
  overflow:auto;
  padding:28px 22px;
  border-radius:26px;
  background:rgba(8,13,20,.58);
  border:1px solid rgba(255,255,255,.11);
  backdrop-filter:blur(22px);
  text-align:center;
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}
.info-detail-card.active{display:block;animation:infoChoiceIn .34s ease both}
.info-detail-card .eleni{font-size:clamp(28px,8vw,48px);font-weight:700;letter-spacing:-.04em;margin-bottom:12px}
.info-detail-card p{color:rgba(255,255,255,.62);line-height:1.75;font-size:14px;white-space:normal}
.info-back{margin-bottom:18px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06);color:rgba(255,255,255,.72);cursor:pointer}
@keyframes infoChoiceIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:700px){.info-choice{gap:9px}.info-orb{width:86px}.info-orb.real{width:118px}.info-orb span{font-size:12px}.info-orb.real span{font-size:14px;margin-bottom:14px}}
@media(max-width:390px){.info-choice{gap:6px}.info-orb{width:76px}.info-orb.real{width:106px}}

/* BİLGİ KARTI SON DÜZEN */
.info-detail-card{
  width:min(96vw,760px);min-height:min(72dvh,680px);max-height:82dvh;
  padding:72px 28px 36px;border:0!important;background:transparent!important;
  backdrop-filter:none!important;box-shadow:none!important;position:relative;
}
.info-back{position:absolute;right:8px;top:8px;width:42px;height:42px;margin:0;padding:0;border:0;background:transparent;color:#fff;font-size:34px;line-height:1;z-index:5}
.info-actions{position:absolute;top:8px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:12px;z-index:5}
.quick-contact{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;font-weight:800;border:0;background:transparent;backdrop-filter:none}.quick-contact img{width:100%;height:100%;object-fit:contain;display:block}
.info-detail-card p{font-size:clamp(14px,2.8vw,17px);line-height:1.8}
.group-choice{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48dvh}
.group-choice .info-orb{width:120px}.group-choice .group-main{width:168px}
.group-detail{display:none;padding:26px 4px}.group-detail.active{display:block;animation:infoChoiceIn .3s ease both}
@media(max-width:700px){.info-detail-card{width:100%;min-height:78dvh;padding:66px 12px 24px}.group-choice{gap:7px}.group-choice .info-orb{width:82px}.group-choice .group-main{width:116px}}

/* GRUP 3 KUTU — TAM MERKEZ */
#info-group.active{
  display:flex;
  align-items:center;
  justify-content:center;
}
#info-group .group-choice{
  width:100%;
  min-height:0;
}

/* =========================================================
   SON DÜZEN — GRUP TAM MERKEZ + DÖNEN NEON KENAR
   Yalnızca istenen alanlar
========================================================= */
#page-info .info-shell{
  position:relative;
}

#info-group.active{
  width:100%;
  min-height:100%;
  max-height:none;
  margin:0 auto;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

#info-group .group-choice{
  width:100%;
  min-height:0;
  margin:auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Bilgi ve Grup seçim kutularının kenarında dönen neon ışık */
.info-orb::before,
.orb::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background:conic-gradient(
    from 0deg,
    rgba(92,235,255,.10),
    rgba(92,235,255,.95),
    rgba(176,105,255,.95),
    rgba(255,255,255,.95),
    rgba(92,235,255,.10)
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:6;
  animation:neonEdgeSpin 2.8s linear infinite;
  filter:drop-shadow(0 0 5px rgba(92,235,255,.68)) drop-shadow(0 0 9px rgba(176,105,255,.42));
}

@keyframes neonEdgeSpin{
  to{transform:rotate(360deg)}
}

/* SON İSTEK — yalnızca Grup 3 kutulu alan ölçüsü */
#info-group.active{
  width:calc(100% - 4px);
  margin-left:auto;
  margin-right:auto;
}

#info-group .group-choice .info-orb{
  width:104px;
}

#info-group .group-choice .group-main{
  width:144px;
}

@media(max-width:700px){
  #info-group .group-choice .info-orb{width:74px;}
  #info-group .group-choice .group-main{width:104px;}
}

@media(max-width:390px){
  #info-group .group-choice .info-orb{width:68px;}
  #info-group .group-choice .group-main{width:96px;}
}

/* =========================================================
   V2 — ERİŞİLEBİLİRLİK / ETKİLEŞİM / PERFORMANS
========================================================= */
:where(button,a):focus-visible{
  outline:2px solid rgba(155,231,255,.95);
  outline-offset:3px;
  box-shadow:0 0 0 5px rgba(155,231,255,.12);
}

.menu-trigger:active,
.orb:active,
.info-orb:active,
.contact-link:active,
.info-back:active,
.close-discover:active{
  transform:scale(.96);
}

.discover-overlay[aria-hidden="true"]{
  visibility:hidden;
}
.scene.discover-open .discover-overlay[aria-hidden="false"]{
  visibility:visible;
}

.info-detail-card h3,
.group-detail h3{
  margin:22px 0 8px;
  font-size:clamp(16px,3.4vw,20px);
  line-height:1.35;
  color:rgba(255,255,255,.9);
}

.info-detail-card p + p{
  margin-top:12px;
}

/* Görsel yüklenirken yerleşim sıçramasını azaltır. */
.gallery-slide img,
.hero-image,
.avatar,
.info-orb img,
.contact-symbol img,
.quick-contact img{
  content-visibility:auto;
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}

/* =========================================================
   V3 — ANA SAYFA KEŞFET BUTONU
   Mevcut yapıya dokunmadan yalnızca istenen keşfet erişimi.
========================================================= */
.corner-menu[hidden]{
  display:none!important;
}

.explore-wrap{
  position:absolute;
  left:50%;
  bottom:20px;
  transform:translateX(-50%);
  z-index:12;
}

.explore-btn{
  position:relative;
  isolation:isolate;
  min-width:150px;
  height:52px;
  padding:0 28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  cursor:pointer;
  color:#f7fbff;
  background:rgba(4,9,15,.64);
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
  box-shadow:
    0 12px 34px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.15),
    0 0 12px rgba(92,235,255,.28),
    0 0 24px rgba(176,105,255,.18);
  transition:transform .24s ease, box-shadow .24s ease;
}

.explore-btn::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  padding:2px;
  background:conic-gradient(
    from 0deg,
    rgba(92,235,255,.08),
    rgba(92,235,255,1),
    rgba(176,105,255,1),
    rgba(255,255,255,.95),
    rgba(92,235,255,.08)
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  animation:exploreNeonSpin 2.6s linear infinite;
  filter:drop-shadow(0 0 5px rgba(92,235,255,.82)) drop-shadow(0 0 10px rgba(176,105,255,.52));
}

.explore-btn::after{
  content:"";
  position:absolute;
  inset:4px;
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(circle at 50% 50%,rgba(92,235,255,.10),rgba(176,105,255,.04) 58%,transparent 76%);
  pointer-events:none;
}

.explore-btn span{
  position:relative;
  z-index:2;
  display:inline-block;
  font-weight:800;
  font-size:14px;
  letter-spacing:.19em;
  text-indent:.19em;
  color:#f7fdff;
  text-shadow:
    0 0 4px rgba(255,255,255,.95),
    0 0 9px rgba(92,235,255,.95),
    0 0 16px rgba(176,105,255,.70);
  animation:exploreTextGlow 1.8s ease-in-out infinite alternate;
}

.explore-btn:hover{
  transform:translateY(-2px);
  box-shadow:
    0 15px 38px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 16px rgba(92,235,255,.38),
    0 0 30px rgba(176,105,255,.24);
}

.explore-btn:active{
  transform:scale(.97);
}

@keyframes exploreNeonSpin{
  to{transform:rotate(360deg)}
}

@keyframes exploreTextGlow{
  from{opacity:.82;filter:brightness(.92)}
  to{opacity:1;filter:brightness(1.18)}
}