@font-face {
  font-family: "mshk";
  font-weight: 400;
  font-display: swap;
  src:
    url("../fonts/mshk/reg.woff2") format("woff2"),
    url("../fonts/mshk/reg.woff") format("woff"),
    url("../fonts/mshk/reg.ttf") format("truetype");
}

@font-face {
  font-family: "mshk";
  font-weight: 500;
  font-display: swap;
  src:
    url("../fonts/mshk/med.woff2") format("woff2"),
    url("../fonts/mshk/med.woff") format("woff"),
    url("../fonts/mshk/medium.ttf") format("truetype");
}

@font-face {
  font-family: "mshk";
  font-weight: 700;
  font-display: swap;
  src:
    url("../fonts/mshk/bold.woff2") format("woff2"),
    url("../fonts/mshk/bold.woff") format("woff"),
    url("../fonts/mshk/bold.ttf") format("truetype");
}

:root {
  --font-sans: "mshk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-aeonik: "mshk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --default-font-family: "mshk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body,
html,
* {
  font-family: var(--font-sans) !important;
  letter-spacing: -0.015em !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
[class*="text-2xl"],
[class*="text-3xl"],
[class*="text-4xl"],
[class*="text-5xl"],
[class*="text-6xl"],
[class*="text-7xl"] {
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

p,
a,
span,
div,
li,
button {
  /* Inherits the -0.04em from * */
}

#navigation:has(.nav-link:not(.grants):hover) {
  background-color: #00000080;
}

#navigation.opened .menu {
  transition:
    grid-template-rows 1s var(--ease-in-out-quart),
    opacity 0.15s var(--ease-out-cubic),
    visibility 0.15s var(--ease-out-cubic);
}

#navigation:not(.opened) .menu {
  transition:
    grid-template-rows 0.5s var(--ease-out-cubic),
    opacity 0.15s var(--ease-out-cubic),
    visibility 0.15s var(--ease-out-cubic);
}

.nav-link:hover ~ #menu-background div {
  opacity: 1;
  visibility: visible;
  transition:
    opacity 1s var(--ease-out-cubic),
    visibility 0ms var(--ease-out-cubic);
}

.nav-link.build:hover ~ #menu-background div {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s var(--ease-out-cubic),
    visibility 0.3s var(--ease-out-cubic);
}

.nav-link.community.no-upcoming-events:hover ~ #menu-background div {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s var(--ease-out-cubic),
    visibility 0.3s var(--ease-out-cubic);
}

#navigation:not(.opened) .accordion:not(.opened):not(:hover) .menu .transition-mode {
  transition-delay: 0.5s !important;
  transition-duration: 0ms !important;
}

@keyframes marquee {
  to {
    transform: translate3d(-100%, 0, 0);
  }
}

#marquee:not(.scroll) .marquee-content {
  transform: translateZ(0);
  animation: marquee var(--duration) linear var(--direction) infinite;
}

@media (min-width: 1025px) {
  #marquee .marquee-content {
    transform: translateZ(0);
    animation: marquee var(--duration) linear var(--direction) infinite;
  }

  #marquee.stop:hover .marquee-content {
    animation-play-state: paused;
  }
}

wm-shape[data-astro-cid-y3soregm] {
  display: none;
}

wm-shape[data-astro-cid-y3soregm].ready {
  display: block;
}

.block-number-desktop,
.block-number-mobile,
.block-time-desktop,
.block-time-mobile,
.block-tx-count,
.block-hash,
.block-avatar,
.block-symbol-text {
  display: inline-block;
  opacity: 1;
}

.block-number-mobile,
.block-number-desktop,
.block-time-mobile,
.block-time-desktop,
.block-tx-count,
.block-hash,
.block-avatar,
.block-symbol-text,
.transaction-number-mobile,
.transaction-number-desktop,
.transaction-time,
.transaction-from,
.transaction-to,
.transaction-avatar {
  opacity: 1;
}

@keyframes astroFadeInOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes astroFadeIn {
  0% {
    opacity: 0;
    mix-blend-mode: plus-lighter;
  }

  to {
    opacity: 1;
    mix-blend-mode: plus-lighter;
  }
}

@keyframes astroFadeOut {
  0% {
    opacity: 1;
    mix-blend-mode: plus-lighter;
  }

  to {
    opacity: 0;
    mix-blend-mode: plus-lighter;
  }
}

@keyframes astroSlideFromRight {
  0% {
    transform: translate(100%);
  }
}

@keyframes astroSlideFromLeft {
  0% {
    transform: translate(-100%);
  }
}

@keyframes astroSlideToRight {
  to {
    transform: translate(100%);
  }
}

@keyframes astroSlideToLeft {
  to {
    transform: translate(-100%);
  }
}

@media (prefers-reduced-motion) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }

  [data-astro-transition-scope] {
    animation: none !important;
  }
}

form[style*="--step: 0"] #form-steps-back,
form[style*="--step: 1"] #form-steps-back {
  transform: translate(calc(-110% - var(--padding-md, 1rem)));
}

/* --- MENU FONT OVERRIDES --- */
#navigation .toggle-accordion-button,
#navigation .nav-link.grants > a {
  font-family: "mshk", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 500 !important;
}

#navigation .menu h2 {
  font-family: "mshk", sans-serif !important;
  font-size: 2.6rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
}

#navigation .menu ul a {
  font-family: "mshk", sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

/* --- FONT SIZE UTILITY CLASSES (f-s-8 to f-s-100) --- */
.f-s-8 {
  font-size: 8px !important;
}

.f-s-9 {
  font-size: 9px !important;
}

.f-s-10 {
  font-size: 10px !important;
}

.f-s-11 {
  font-size: 11px !important;
}

.f-s-12 {
  font-size: 12px !important;
}

.f-s-13 {
  font-size: 13px !important;
}

.f-s-14 {
  font-size: 14px !important;
}

.f-s-15 {
  font-size: 15px !important;
}

.f-s-16 {
  font-size: 16px !important;
}

.f-s-17 {
  font-size: 17px !important;
}

.f-s-18 {
  font-size: 18px !important;
}

.f-s-19 {
  font-size: 19px !important;
}

.f-s-20 {
  font-size: 20px !important;
}

.f-s-21 {
  font-size: 21px !important;
}

.f-s-22 {
  font-size: 22px !important;
}

.f-s-23 {
  font-size: 23px !important;
}

.f-s-24 {
  font-size: 24px !important;
}

.f-s-25 {
  font-size: 25px !important;
}

.f-s-26 {
  font-size: 26px !important;
}

.f-s-27 {
  font-size: 27px !important;
}

.f-s-28 {
  font-size: 28px !important;
}

.f-s-29 {
  font-size: 29px !important;
}

.f-s-30 {
  font-size: 30px !important;
}

.f-s-32 {
  font-size: 32px !important;
}

.f-s-34 {
  font-size: 34px !important;
}

.f-s-36 {
  font-size: 36px !important;
}

.f-s-38 {
  font-size: 38px !important;
}

.f-s-40 {
  font-size: 40px !important;
}

.f-s-42 {
  font-size: 42px !important;
}

.f-s-44 {
  font-size: 44px !important;
}

.f-s-46 {
  font-size: 46px !important;
}

.f-s-48 {
  font-size: 48px !important;
}

.f-s-50 {
  font-size: 50px !important;
}

.f-s-52 {
  font-size: 52px !important;
}

.f-s-56 {
  font-size: 56px !important;
}

.f-s-58 {
  font-size: 58px !important;
}

.f-s-60 {
  font-size: 60px !important;
}

.f-s-64 {
  font-size: 64px !important;
}

.f-s-72 {
  font-size: 72px !important;
}

.f-s-80 {
  font-size: 80px !important;
}

.f-s-96 {
  font-size: 96px !important;
}

.f-s-100 {
  font-size: 100px !important;
}

/* Güncellenmiş Ana Buton Gövdesi */
.yuvarlak_button {
  cursor: pointer;
  border: none;
  background: #000000;
  color: #fff;
  width: 100px;
  height: 100px;
  min-width: 100px;
  /* Sıkışmayı engeller */
  min-height: 100px;
  /* Sıkışmayı engeller */
  flex-shrink: 0;
  /* Flex yapıları içinde ezilmeyi önler */
  aspect-ratio: 1 / 1;
  /* Kusursuz daire formunu kilitler */
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  display: grid;
  place-content: center;
  transition:
    background 300ms,
    transform 200ms;
  font-weight: 600;
  font-family: sans-serif;
  box-sizing: border-box;
}

/* Dönen Yazı Konteyneri */
.yuvarlak_button__text {
  position: absolute;
  inset: 0;
  animation: text-rotation 8s linear infinite;
  margin: 0;
}

/* JavaScript'ten gelen her bir harf konumu */
.yuvarlak_button__text span {
  position: absolute;
  transform: rotate(calc(var(--deg) * var(--index)));
  inset: 7px;
  text-align: center;
}

/* Ortadaki İkon Yuvarlağı */
.yuvarlak_button__circle {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  background: #fff;
  color: #000000;
  /* İkon varsayılan rengi */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.yuvarlak_button__icon {
  position: absolute;
}

.yuvarlak_button__icon:first-child {
  transition: transform 0.3s ease-in-out;
}

.yuvarlak_button__icon--copy {
  transform: translate(-150%, 150%);
  transition: transform 0.3s ease-in-out 0.1s;
}

/* Hover (Fare Üzerine Gelince) Durumları */
.yuvarlak_button:hover {
  background: #fc424a;
  /* Hover arka plan rengi */
  transform: scale(1.25);
  /* Tıklama hissiyatı için hafif büyüme */
}

.yuvarlak_button:hover .yuvarlak_button__circle {
  color: #fc424a;
  /* Hover'da iç ikon rengi arka planla uyumlu olur */
}

.yuvarlak_button:hover .yuvarlak_button__icon:first-child {
  transform: translate(150%, -150%);
}

.yuvarlak_button:hover .yuvarlak_button__icon--copy {
  transform: translate(0);
}

/* Dönüş Animasyonu */
@keyframes text-rotation {
  to {
    transform: rotate(360deg);
  }
}

/* ok_ani - Arrow Hover Animasyonu */
.ok_ani.arrow {
  overflow: hidden;
}

.ok_ani.arrow::after {
  margin-right: 0px;
  transition:
    margin-right 0.3s cubic-bezier(0.2, 0.6, 0.35, 1),
    opacity 0.3s cubic-bezier(0.2, 0.6, 0.35, 1),
    background-color 0.3s cubic-bezier(0.2, 0.6, 0.35, 1) !important;
}

.ok_ani.arrow:hover::after {
  margin-right: -25px !important;
  opacity: 0 !important;
}

.ok_ani.arrow::before {
  content: "";
  pointer-events: none;
  --tw-translate-y: -50%;
  width: clamp(0.5rem, 0.355rem + 0.617vw, 0.75rem);
  height: clamp(0.5rem, 0.355rem + 0.617vw, 0.75rem);
  translate: var(--tw-translate-x, 0) var(--tw-translate-y);
  flex-shrink: 0;
  display: inline-block;
  position: absolute;
  top: 50%;
  rotate: -135deg;
  -webkit-mask-image: url("../img/vektor_31.svg");
  mask-image: url("../img/vektor_31.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  right: clamp(2rem, 1.711rem + 1.235vw, 2.5rem);

  margin-right: 25px;
  opacity: 0;
  transition:
    margin-right 0.3s cubic-bezier(0.2, 0.6, 0.35, 1),
    opacity 0.3s cubic-bezier(0.2, 0.6, 0.35, 1),
    background-color 0.3s cubic-bezier(0.2, 0.6, 0.35, 1) !important;

  background-color: var(--color-red, #ff394a);
}

@media (min-width: 1025px) {
  .ok_ani.arrow::before {
    width: clamp(0.5rem, 0.214rem + 0.446vw, 0.75rem);
    height: clamp(0.5rem, 0.214rem + 0.446vw, 0.75rem);
    right: clamp(1.375rem, 0.089rem + 2.009vw, 2.5rem);
  }
}

.ok_ani.arrow:hover::before {
  margin-right: 0px !important;
  opacity: 1 !important;
}

@media (hover: hover) {
  .ok_ani.arrow:hover::before {
    background-color: var(--color-black, #000);
  }
}

/* Koyu Mod Eşleştirmesi */
.dark .ok_ani.arrow::before {
  background-color: var(--color-black, #000);
}

@media (hover: hover) {
  .dark .ok_ani.arrow:hover::before {
    background-color: var(--color-red, #ff394a);
  }
}

/* Logo Koyu Mod Eşleştirmesi */
html.dark .logo-light {
  display: none !important;
}

html:not(.dark) .logo-dark {
  display: none !important;
}
.alti_cizgili_link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  width: fit-content;
}

.alti_cizgili_link::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #000;
  transform-origin: bottom right;
  transition: transform 0.3s ease-out;
}

.dark .alti_cizgili_link::after {
  background-color: #fff;
}

.alti_cizgili_link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.fuar-card {
  position: relative;
  overflow: hidden;
}

.fuar-card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background-color: #000;
  transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}

.fuar-card:hover::before {
  height: 100%;
}

.fuar-card-content {
  position: relative;
  z-index: 1;
}

.fuar-card h3,
.fuar-card p,
.fuar-card span,
.fuar-card strong {
  transition:
    color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.fuar-card:hover h3,
.fuar-card:hover p,
.fuar-card:hover span,
.fuar-card:hover strong {
  color: #fff !important;
  border-color: #fff !important;
}

.dark .fuar-card::before {
  background-color: #fff;
}

.dark .fuar-card:hover h3,
.dark .fuar-card:hover p,
.dark .fuar-card:hover span,
.dark .fuar-card:hover strong {
  color: #000 !important;
  border-color: #000 !important;
}