@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');

      :root {
          --bg-main: #0a0908;
          --primary: #D4AF37;
          --primary-rgb: 212, 175, 55;
          --radius-xl: 3.5rem;
          --radius-lg: 2.5rem;
          --font-main: 'Cormorant Garamond', serif;

          --glass-bg: rgba(255, 255, 255, 0.01);
          --glass-border: rgba(212, 175, 55, 0.08);
          --glow-opacity: 0.03;
      }

      html, body {
          height: 100%;
          height: 100dvh;
          margin: 0;
          padding: 0;
          overflow-x: hidden;
          background-color: var(--bg-main);
          color: #ffffff;
          -webkit-tap-highlight-color: transparent;
          /* Scroll behavior auto yapıldı, sayfa geçişleri için Layout içinde yönetilecek */
          scroll-behavior: auto !important;
      }

      body {
          font-family: var(--font-main);
          min-height: 100dvh;
         
      }

      #root {
          flex: 1;
          display: flex;
          flex-direction: column;
      }

      .aurora-bg {
          position: fixed;
          top: -50%;
          left: -50%;
          width: 200%;
          height: 200%;
          background: radial-gradient(circle at 50% 50%, rgba(var(--primary-rgb), var(--glow-opacity)) 0%, transparent 50%);
          z-index: -2;
          animation: aurora-flow 20s linear infinite;
          pointer-events: none;
      }

      @keyframes aurora-flow {
          0% {
              transform: rotate(0deg);
          }

          100% {
              transform: rotate(360deg);
          }
      }

      .font-serif {
          font-family: var(--font-main);
      }

      .glass {
          background: var(--glass-bg);
          backdrop-filter: blur(25px);
          border: 1px solid var(--glass-border);
          border-radius: var(--radius-lg);
      }

      .text-gold {
          color: var(--primary);
      }

      .bg-gold {
          background-color: var(--primary);
      }

      ::-webkit-scrollbar {
          display: none;
      }

      @keyframes reveal-up {
          from {
              opacity: 0;
              transform: translateY(8px);
          }

          to {
              opacity: 1;
              transform: translateY(0);
          }
      }

      .reveal-up {
          animation: reveal-up 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
      }

      /* Zoom ekranındaki görselin ölçeğini koru */
      .pswp__img {
          width: auto !important;
          height: auto !important;
          object-fit: contain !important;
          /* Görseli bozmadan sığdır */
          background: transparent !important;
      }

      /* Kararmayı önlemek için arka planı düzenle */
      .pswp__bg {
          background: rgba(0, 0, 0, 0.95) !important;
      }