/* FinanceHub intro: shown once per visit, stays until the visitor enters. */
/* ================= FinanceHub intro (luxury) ================= */
#fh-intro{--ink:#eef4f0;--muted:#8ea79b;--mint:#9fcca6;--deep:#03100f;
  position:fixed;inset:0;z-index:7000;overflow:hidden;color:var(--ink);
  font-family:"Geist",system-ui,sans-serif;background:var(--deep);
  clip-path:inset(0 0 0 0);
  transition:clip-path 1.25s cubic-bezier(.83,0,.17,1)}
#fh-intro.leave{clip-path:inset(50% 0 50% 0)}

/* light: two slow aurora pools + a soft spotlight that follows the pointer */
#fh-intro .aura{position:absolute;inset:-20%;pointer-events:none;opacity:0;animation:fhi-fade 2.4s ease .1s forwards}
#fh-intro .aura::before,#fh-intro .aura::after{content:"";position:absolute;border-radius:50%;filter:blur(90px)}
#fh-intro .aura::before{width:60vmax;height:60vmax;left:10%;top:25%;background:radial-gradient(closest-side,rgb(31 110 80 / .55),transparent);animation:fhi-float-a 22s ease-in-out infinite alternate}
#fh-intro .aura::after{width:50vmax;height:50vmax;right:5%;top:5%;background:radial-gradient(closest-side,rgb(18 84 79 / .6),transparent);animation:fhi-float-b 26s ease-in-out infinite alternate}
#fh-intro .spot{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1s ease;
  background:radial-gradient(420px circle at var(--x,50%) var(--y,45%),rgb(159 204 166 / .07),transparent 70%)}
#fh-intro.ready .spot{opacity:1}
#fh-intro .vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 45%,transparent 40%,rgb(0 0 0 / .55))}
#fh-intro::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.09;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* corner details */
#fh-intro .corner{position:absolute;z-index:3;top:28px;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);
  opacity:0;animation:fhi-fade 1.2s ease 3s forwards}
#fh-intro .corner.l{left:32px}
#fh-intro .corner.r{right:26px;top:22px;letter-spacing:.12em}
#fh-intro .langs{display:flex;align-items:center;gap:4px}
#fh-intro .langs button{height:30px;padding:0 8px;border:0;background:none;color:var(--muted);font:500 11.5px "Geist",system-ui,sans-serif;letter-spacing:.2em;cursor:pointer;transition:color .3s}
#fh-intro .langs button:hover,#fh-intro .langs button[aria-pressed=true]{color:var(--ink)}
#fh-intro .langs button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--mint)}
#fh-intro .langs .sep{width:1px;height:10px;background:rgb(255 255 255 / .18)}
#fh-intro .langs button:focus-visible{outline:1px solid var(--mint);outline-offset:2px}

/* centre composition */
#fh-intro .stage{position:absolute;z-index:2;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:0 24px;pointer-events:none;
  transition:opacity .6s ease,transform .9s cubic-bezier(.22,1,.36,1),filter .6s ease}
#fh-intro .stage .enter{pointer-events:auto}
#fh-intro.leaving .stage{opacity:0;transform:scale(1.06);filter:blur(6px)}
#fh-intro.leaving .corner,#fh-intro.leaving .foot{opacity:0;transition:opacity .4s ease}

#fh-intro .kicker{font-size:11.5px;letter-spacing:.42em;text-transform:uppercase;color:var(--muted);padding-left:.42em;
  opacity:0;animation:fhi-rise 1.2s cubic-bezier(.22,1,.36,1) .4s forwards;transform:translateY(8px)}
#fh-intro .word{position:relative;margin:22px 0 0;font-family:"Baleday",cursive;font-size:clamp(3.8rem,12vw,8.4rem);line-height:1.1;padding:0 .14em .14em;
  background:linear-gradient(100deg,#c9ddcf 0%,#f6faf7 30%,#a9cdb0 55%,#f1f7f2 75%,#b7d3bd 100%);background-size:220% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  clip-path:inset(-10% 100% -10% 0);
  animation:fhi-write 1.8s cubic-bezier(.65,0,.35,1) .9s forwards,fhi-sheen 2.6s cubic-bezier(.45,0,.2,1) 2.8s forwards}
#fh-intro .rule{width:min(420px,60vw);height:1px;margin-top:10px;background:linear-gradient(90deg,transparent,var(--mint),transparent);
  transform:scaleX(0);animation:fhi-rule 1.4s cubic-bezier(.65,0,.35,1) 2.4s forwards;opacity:.8}
#fh-intro .tag{margin:26px 0 0;font-size:clamp(16px,1.7vw,20px);font-weight:300;letter-spacing:.01em;color:#c4d6cb;
  opacity:0;transform:translateY(10px);animation:fhi-rise 1.2s cubic-bezier(.22,1,.36,1) 2.9s forwards}
#fh-intro .trust{list-style:none;display:flex;align-items:center;justify-content:center;margin:38px 0 0;padding:0;font-size:13px;letter-spacing:.04em;color:var(--muted)}
#fh-intro .trust li{padding:0 22px;opacity:0;animation:fhi-fade 1.2s ease forwards}
#fh-intro .trust li+li{border-left:1px solid rgb(255 255 255 / .12)}
#fh-intro .trust li:nth-child(1){animation-delay:3.3s}
#fh-intro .trust li:nth-child(2){animation-delay:3.45s}
#fh-intro .trust li:nth-child(3){animation-delay:3.6s}

#fh-intro .enter{position:relative;overflow:hidden;margin-top:56px;display:inline-flex;align-items:center;gap:14px;height:56px;padding:0 30px 0 32px;border-radius:999px;border:0;
  background:linear-gradient(180deg,#e9f3ec,#bcd9c3);color:#062024;font:600 15px "Geist",system-ui,sans-serif;letter-spacing:.06em;white-space:nowrap;cursor:pointer;
  box-shadow:0 18px 50px -18px rgb(159 204 166 / .55),inset 0 1px 0 rgb(255 255 255 / .8);
  opacity:0;transform:translateY(10px);animation:fhi-rise 1.2s cubic-bezier(.22,1,.36,1) 3.9s forwards;
  transition:box-shadow .4s ease}
#fh-intro .enter::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgb(255 255 255 / .7) 50%,transparent 70%);
  transform:translateX(-120%);animation:fhi-shine 4s cubic-bezier(.45,0,.2,1) 5s infinite}
#fh-intro .enter:hover{box-shadow:0 22px 60px -16px rgb(159 204 166 / .75),inset 0 1px 0 rgb(255 255 255 / .8)}
#fh-intro .enter:active{transform:scale(.98)}
#fh-intro .enter .ph{font-size:18px;transition:transform .4s cubic-bezier(.22,1,.36,1)}
#fh-intro .enter:hover .ph{transform:translateX(4px)}
#fh-intro .enter:focus-visible{outline:1px solid var(--mint);outline-offset:5px}
#fh-intro .hint{margin:18px 0 0;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#5d776d;opacity:0;animation:fhi-fade 1.2s ease 4.4s forwards}

#fh-intro .foot{position:absolute;z-index:2;left:0;right:0;bottom:26px;margin:0;text-align:center;font-size:11.5px;letter-spacing:.06em;color:#5d776d;
  opacity:0;animation:fhi-fade 1.2s ease 3.8s forwards;padding:0 16px;pointer-events:none}
html:not([data-lang="tr"]) #fh-intro .tr{display:none}
html[data-lang="tr"] #fh-intro .en{display:none}

@keyframes fhi-fade{to{opacity:1}}
@keyframes fhi-rise{to{opacity:1;transform:none}}
@keyframes fhi-write{to{clip-path:inset(-10% 0 -10% 0)}}
@keyframes fhi-sheen{from{background-position:100% 0}to{background-position:0 0}}
@keyframes fhi-rule{to{transform:scaleX(1)}}
@keyframes fhi-shine{0%{transform:translateX(-120%)}35%,100%{transform:translateX(120%)}}
@keyframes fhi-float-a{to{transform:translate(12vmax,-6vmax) scale(1.15)}}
@keyframes fhi-float-b{to{transform:translate(-10vmax,8vmax) scale(.9)}}

@media (max-width:640px){
  #fh-intro .corner.l{display:none}
  #fh-intro .trust{flex-direction:column;gap:12px}
  #fh-intro .trust li{padding:0}
  #fh-intro .trust li+li{border-left:0}
  #fh-intro .kicker{letter-spacing:.3em}
  #fh-intro .enter{margin-top:44px}
}
@media (prefers-reduced-motion:reduce){
  #fh-intro *,#fh-intro *::before,#fh-intro *::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}
  #fh-intro{transition:opacity .4s ease}
  #fh-intro.leave{clip-path:inset(0 0 0 0);opacity:0}
  #fh-intro .enter::after{display:none}
}

/* the light seam left behind as the curtain closes toward the centre */
.fh-seam{position:fixed;left:0;right:0;top:50%;height:1px;z-index:7001;pointer-events:none;
  background:linear-gradient(90deg,transparent,#9fcca6 20%,#eef4f0 50%,#9fcca6 80%,transparent);
  box-shadow:0 0 18px 2px rgb(159 204 166 / .45);
  transform:scaleX(.2);opacity:0;animation:fhi-seam 1.6s cubic-bezier(.65,0,.35,1) forwards}
@keyframes fhi-seam{0%{opacity:0;transform:scaleX(.2)}45%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.05)}}

/* Cover the page from first paint until the intro is inserted (set by the inline script in <head>). */
html.fh-intro-on{overflow:hidden}
html.fh-intro-on body::after{content:"";position:fixed;inset:0;z-index:6999;background:#03100f}
/* Once the curtain opens, the page settles into place. */
html.fh-revealing body > main{animation:fhi-settle 1.5s cubic-bezier(.22,1,.36,1) both}
@keyframes fhi-settle{from{transform:scale(1.03);opacity:.4}to{transform:none;opacity:1}}
/* Hold every intro animation until the logo font is ready, so the logo never writes in a fallback font. */
#fh-intro:not(.go) *,#fh-intro:not(.go) *::before,#fh-intro:not(.go) *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){html.fh-revealing body > main{animation:none}}

/* Ads and cookies acceptance on the welcome screen */
#fh-intro .notice{max-width:520px;margin:40px 0 0;font-size:13.5px;line-height:1.65;color:var(--muted);pointer-events:auto;opacity:0;animation:fhi-fade 1.2s ease 3.7s forwards}
#fh-intro .notice a{color:var(--mint);text-underline-offset:3px}
#fh-intro .notice a:focus-visible{outline:1px solid var(--mint);outline-offset:3px}
#fh-intro .notice + .enter{margin-top:26px}
#fh-intro.consented .notice,#fh-intro.consented .acc{display:none!important}
#fh-intro:not(.consented) .ent{display:none!important}