@keyframes moveRightUp {
    0% {
      transform: translate(0, 130deg);
    }
    50% {
      transform: translate(0, 105deg);
    }
    100% {
      transform: translate(0, 130deg);
    }
  }
  

/* Keyframe animasyonları */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(0,135deg);
    }
    100% {
        opacity: 1;
        transform: translateY(0); 
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(0.9); /* Başlangıçta biraz küçük */
    }
    100% {
        opacity: 1;
        transform: scale(1); /* Sonunda normal boyuta gelsin */
    }
}

#send-response-success , #send-response-unsuccessful{
  display: none;
}
#phoneNumber {
  padding: 8px 50px;
}
/* HERO */
.hero{position:relative;height:100vh;min-height:720px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:0}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 90% 70% at 50% 45%,rgba(200,169,107,.07) 0%,transparent 65%),radial-gradient(ellipse 50% 80% at 10% 70%,rgba(200,169,107,.04) 0%,transparent 50%),linear-gradient(160deg,#0D0D10 0%,#111116 50%,#0B0B0D 100%)}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(200,169,107,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(200,169,107,.03) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 80% 80% at center,black 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at center,black 20%,transparent 75%)}
.hero-orb{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(200,169,107,.045) 0%,transparent 60%);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbP 6s ease-in-out infinite}
@keyframes orbP{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}
.hero-bg img{position:absolute;inset:0; filter:brightness(0.5) contrast(0.9) saturate(0.8);object-fit:cover;object-position:center center;opacity:0.7; width:100%;}
.hero-content{position:relative;z-index:2;max-width:860px;padding:0 2rem}
.hero-ey{display:inline-flex;align-items:center;gap:1rem;font-size:.63rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;opacity:0;animation:fU 1s .1s cubic-bezier(.22,1,.36,1) forwards}
.hero-ey::before,.hero-ey::after{content:'';width:36px;height:.5px;background:var(--gold);opacity:.55}
.hero-title{font-size:clamp(2.6rem,5.5vw,4.8rem);font-weight:700;line-height:1.08;letter-spacing:-.025em;color:var(--white);margin-bottom:1.8rem;opacity:0;animation:fU 1s .25s cubic-bezier(.22,1,.36,1) forwards}
.hero-title em{color:var(--gold);font-style:normal}
.hero-sub{font-size:1.05rem;font-weight:300;line-height:1.8;color:var(--gray);max-width:540px;margin:0 auto 3rem;opacity:0;animation:fU 1s .4s cubic-bezier(.22,1,.36,1) forwards}
.hero-ctas{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fU 1s .55s cubic-bezier(.22,1,.36,1) forwards}
.scroll-h{position:absolute;bottom:2.8rem;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.6rem;opacity:0;animation:fU 1s .8s cubic-bezier(.22,1,.36,1) forwards}
.scroll-line{width:1px;height:52px;background:linear-gradient(to bottom,var(--gold),transparent);animation:lA 2.2s ease-in-out infinite}
@keyframes lA{0%,100%{opacity:.2}50%{opacity:1}}
.scroll-txt{font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);opacity:.5}
@keyframes fU{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}

/* BANNER ALT BÖLÜMLERİ */
.banner-sections{background:var(--black);padding:5rem 0;}
.banner-sections .ctr{display:flex;flex-direction:column;gap:2rem}
.banner-sections .gallery-item {
    display: block;
    margin-bottom: 15px;
}
.banner-section{
  display: grid;
  grid-template-columns: 1fr minmax(340px, 420px);
  gap: 3rem;
  align-items: center;
  padding: 2.5rem;
  border: 2.5px solid var(--gold-border);
  background: rgba(255, 255, 255, .02);
  border-radius: 3px;
  overflow: hidden;
  transition: all .35s ease;
  border-radius: 20px;
}
.banner-section:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(0,0,0,.35);border-color:rgba(200,169,107,.4)}
.banner-copy{max-width:610px}
.banner-title{font-size:clamp(2rem,3vw,2.8rem);font-weight:700;color:var(--white);margin-bottom:1.25rem;letter-spacing:-.02em}
.banner-desc{font-size:1rem;font-weight:300;line-height:1.95;color:var(--gray);margin-bottom:15px}
.banner-image{border-radius:3px;overflow:hidden;min-height:420px;box-shadow:0 20px 60px rgba(0,0,0,.15)}
.banner-image img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.banner-section .btn-out{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.5rem;border:1px solid rgba(200,169,107,.6);border-radius:3px;color:var(--gold);background:rgba(255,255,255,.03);transition:all .25s ease}
.banner-section .btn-out:hover{background:rgba(200,169,107,.1);border-color:var(--gold);color:var(--white)}

/* AUTHORITY */
.authority{background:var(--charcoal)}
.authority .btn-out {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .95rem 1.5rem;
    border: 1px solid rgba(200, 169, 107, .6);
    border-radius: 3px;
    color: var(--gold);
    background: rgba(255, 255, 255, .03);
    transition: all .25s ease;
}
.authority .dsc{
    margin-bottom:10px;
}
.auth-grid{display:grid;grid-template-columns:1fr 400px;gap:6rem;align-items:center}
.auth-badges{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.8rem 0 2.2rem}
.badge{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:.5px solid rgba(200,169,107,.35);padding:.28rem .75rem;border-radius:2px}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.stat-card{padding:1.8rem 1.5rem;background:var(--glass);border:.5px solid var(--gold-border);border-radius:3px;transition:all .45s cubic-bezier(.22,1,.36,1)}
.stat-card:hover{background:rgba(200,169,107,.05);border-color:rgba(200,169,107,.4);transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.stat-num{font-size:2.8rem;font-weight:700;color:var(--gold);line-height:1;margin-bottom:.5rem;letter-spacing:-.02em}
.stat-num sup{font-size:1.4rem;vertical-align:super;opacity:.7}
.stat-lbl{font-size:.7rem;font-weight:300;color:var(--gray);letter-spacing:.06em;line-height:1.5}
.portrait-wrap{position:relative}
.portrait{width:100%;aspect-ratio:3/4.2;background:linear-gradient(145deg,#16161c,#111114);border-radius:3px;border:.5px solid var(--gold-border);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:top center}
.portrait-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.3}
.corner{position:absolute;width:52px;height:52px}
.ctl{top:-1px;left:-1px;border-top:1.5px solid var(--gold);border-left:1.5px solid var(--gold);border-radius:3px 0 0 0}
.ctr2{top:-1px;right:-1px;border-top:1.5px solid var(--gold);border-right:1.5px solid var(--gold);border-radius:0 3px 0 0}
.cbl{bottom:-1px;left:-1px;border-bottom:1.5px solid var(--gold);border-left:1.5px solid var(--gold);border-radius:0 0 0 3px}
.cbr{bottom:-1px;right:-1px;border-bottom:1.5px solid var(--gold);border-right:1.5px solid var(--gold);border-radius:0 0 3px 0}



/* SERVICES */
.services{background:var(--black)}
.svc-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem;gap:3rem}
.svc-head .dsc{max-width:80%}
.svc-head .ttl {
    margin-bottom: 0px;
}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:rgba(255,255,255,.025)}
.svc{padding:2.6rem 2rem;background:var(--charcoal);position:relative;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.22,1,.36,1)}
.svc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.svc:hover::after{transform:scaleX(1)}
.svc:hover{background:#1d1d21;transform:translateY(-8px);z-index:2;box-shadow:0 40px 80px rgba(0,0,0,.5)}
.svc-no{font-size:.6rem;color:var(--gold);letter-spacing:.2em;margin-bottom:1.8rem;opacity:.6}
.svc-icon{width:46px;height:46px;border:.5px solid var(--gold-border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.2rem;color:var(--gold);transition:all .4s;overflow:hidden}
.svc-icon img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.svc:hover .svc-icon{border-color:var(--gold);background:var(--gold-dim)}
.svc-title{font-size:1rem;font-weight:600;color:var(--white);margin-bottom:.7rem;letter-spacing:-.01em}
.svc-desc{font-size:.8rem;font-weight:300;color:var(--gray);line-height:1.75}
.svc-link{margin-top:1.8rem;font-size:.7rem;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateX(-8px);transition:all .35s}
.svc:hover .svc-link{opacity:1;transform:translateX(0)}
.svc-link a{color:inherit;text-decoration:none}

/* PHILOSOPHY */
.philosophy{background:var(--black);position:relative;overflow:hidden}
.phil-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(200,169,107,.055) 0%,transparent 60%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.phil-inner{text-align:center;max-width:780px;margin:0 15px;position:relative;z-index:1}
.phil-quote{font-size:clamp(1.7rem,3.2vw,2.8rem);font-weight:300;line-height:1.5;color:var(--white);letter-spacing:-.015em;}
.phil-quote strong{color:var(--gold);font-weight:700}
.phil-div{width:56px;height:.5px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:0 auto 2.5rem}
.phil-text{font-size:.95rem;font-weight:300;color:var(--gray);line-height:2;max-width:620px;margin:0 auto 2.5rem}
.phil-sig{font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:.7}

/* VIDEOS */
.videos{background:var(--charcoal)}
.vid-head{text-align:center;margin-bottom:4rem}
.vid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.vid-card{position:relative;aspect-ratio:16/10;background:#13131a;border-radius:3px;overflow:hidden;cursor:pointer;border:.5px solid var(--gold-border);transition:all .4s}
.vid-card:hover{border-color:rgba(200,169,107,.4);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4)}
.vid-thumb{width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .4s}
.vid-card:hover .vid-thumb{opacity:.5}
.vid-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,rgba(11,11,13,.7) 0%,transparent 55%)}
.play-ring{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(200,169,107,.7);display:flex;align-items:center;justify-content:center;background:rgba(11,11,13,.55);backdrop-filter:blur(8px);color:var(--gold);font-size:1.1rem;padding-left:3px;transition:all .3s}
.vid-card:hover .play-ring{background:var(--gold);color:var(--black);border-color:var(--gold);transform:scale(1.12);box-shadow:0 0 36px rgba(200,169,107,.35)}
.vid-lbl{position:absolute;bottom:.9rem;left:1rem;right:1rem;font-size:.75rem;font-weight:400;color:var(--white)}
.vid-more{text-align:center;margin-top:2.5rem}
.vid-more .btn-out {
    width: 200px;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    background: var(--gold);
}
/* ABOUT LONG */
.about-sec{background:var(--black)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.about-text p{font-size:.9rem;font-weight:300;color:var(--gray);line-height:1.9;margin-bottom:1.5rem}
.about-text h3{font-size:1.1rem;font-weight:600;color:var(--white);margin:2rem 0 .8rem;letter-spacing:-.01em}
.about-img{position:sticky;top:120px}
.about-img img{width:100%;border-radius:3px;border:.5px solid var(--gold-border)}

/* INTERNATIONAL */
.international{background:var(--charcoal)}
.intl-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.countries{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:2.5rem}
.cc{padding:.8rem .6rem;background:var(--glass);border:.5px solid var(--gold-border);border-radius:3px;text-align:center;transition:all .3s;cursor:default}
.cc:hover{background:var(--gold-dim);border-color:rgba(200,169,107,.45)}
.cc-flag{font-size:1.5rem;margin-bottom:.3rem;display:flex;align-items:center;justify-content:center;min-height:42px}
.cc-flag img{max-height:32px;width:auto;display:block}
.cc-name{font-size:.6rem;color:var(--gray);letter-spacing:.07em}
.map-box{aspect-ratio:4/3;background:var(--black);border:.5px solid var(--gold-border);border-radius:3px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.map-box img.map-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.map-box::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(200,169,107,.07) 0%,transparent 70%);pointer-events:none}
.map-lbl{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:.4;position:relative;z-index:1}
.dot{position:absolute;border-radius:50%;background:var(--gold)}
.dot::after{content:'';position:absolute;border-radius:50%;border:1px solid var(--gold);animation:dP 2.5s ease-out infinite;opacity:0}
.d1{width:7px;height:7px;top:42%;left:56%}.d1::after{inset:-5px;animation-delay:0s}
.d2{width:6px;height:6px;top:38%;left:47%}.d2::after{inset:-5px;animation-delay:.8s}
.d3{width:6px;height:6px;top:48%;left:60%}.d3::after{inset:-5px;animation-delay:1.6s}
.d4{width:5px;height:5px;top:35%;left:52%}.d4::after{inset:-4px;animation-delay:.4s}
@keyframes dP{0%{transform:scale(1);opacity:.7}100%{transform:scale(4);opacity:0}}

/* CONTACT / CTA */
.cta-sec{background:var(--black);text-align:center;padding:10rem 3.5rem;position:relative;overflow:hidden}
.cta-glow{position:absolute;width:800px;height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(200,169,107,.07) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.cta-sec .ctr{position:relative;z-index:1}
.cta-title{font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:700;letter-spacing:-.025em;color:var(--white);margin-bottom:1rem;line-height:1.1}
.cta-sub{font-size:1rem;font-weight:300;color:var(--gray);margin-bottom:3.2rem;line-height:1.7}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:4rem;text-align:left}
.contact-card{padding:2rem 1.8rem;background:var(--glass);border:.5px solid var(--gold-border);border-radius:3px;transition:all .4s}
.contact-card:hover{background:rgba(200,169,107,.04);border-color:rgba(200,169,107,.35);transform:translateY(-4px)}
.contact-icon{font-size:1.4rem;margin-bottom:1rem;color:var(--gold)}
.contact-lbl{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem;opacity:.8}
.contact-val{font-size:.9rem;color:var(--white);font-weight:300}
.contact-val a{color:inherit;text-decoration:none;transition:color .3s}
.contact-val a:hover{color:var(--gold)}
