/* ===== 1) SİTENİN ARKA PLANI: patlamadan doğan ışık topları ve yıldızlar (kalıcı) ===== */
  #al-sky { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 1; display: block; pointer-events: none; }

  /* ===== 2) SİTE İÇERİĞİ: patlamadan sonra belirir ===== */
  html.reference-intro .layer { position: relative; z-index: 2; opacity: 0; transform: translateY(14px);
          transition: opacity 1.1s ease, transform 1.1s cubic-bezier(.2,.8,.2,1); }
  html.reference-intro body.al-ready .layer { opacity: 1; transform: none; }

  /* ===== 3) LOGO SAHNESİ ===== */
  #al-stage { position: fixed; inset: 0; z-index: 1; pointer-events: none; perspective: 1100px; }
  #al-logo {
    position: absolute; left: 50%; top: 50%;
    width: min(62vmin, 440px); aspect-ratio: 1; margin: calc(min(62vmin, 440px) / -2) 0 0 calc(min(62vmin, 440px) / -2);
    border-radius: 50%; transform-style: preserve-3d; will-change: transform, filter, opacity; opacity: 0;
  }
  #al-logo img { width: 100%; height: 100%; display: block; border-radius: 50%;
    box-shadow: 0 0 0 3px #d9b25c, 0 0 0 5px rgba(120,80,20,.6), 0 18px 60px rgba(0,0,0,.55), 0 0 80px rgba(230,190,100,.25); }
  #al-logo .shine { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; mix-blend-mode: soft-light; }
  #al-logo .shine::before { content: ""; position: absolute; top: -20%; bottom: -20%; width: 40%; left: -60%;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.95), transparent);
    animation: sweep 2.4s ease-in-out 1.2s 2; }
  @keyframes sweep { to { left: 120%; } }

  .al-skip { position: fixed; right: 20px; bottom: 20px; z-index: 5;
    background: rgba(230,192,106,.08); color: #f0d79a; border: 1px solid rgba(230,192,106,.35);
    font: 600 13px/1 'Cormorant Garamond', Georgia, serif; letter-spacing: .2em; text-transform: uppercase;
    padding: 10px 18px; border-radius: 999px; cursor: pointer; transition: opacity .4s; }
  .al-skip:hover { background: rgba(230,192,106,.18); }
  body.al-ready .al-skip { opacity: 0; pointer-events: none; }

  /* Önizleme için: siteye koyarken bu butonu silebilirsiniz */
  .al-replay { position: fixed; right: 20px; bottom: 20px; z-index: 5; opacity: 0; pointer-events: none;
    background: rgba(230,192,106,.08); color: #f0d79a; border: 1px solid rgba(230,192,106,.35);
    font: 600 13px/1 'Cormorant Garamond', Georgia, serif; letter-spacing: .2em; text-transform: uppercase;
    padding: 10px 18px; border-radius: 999px; cursor: pointer; transition: opacity .6s ease 1s; }
  .al-replay:hover { background: rgba(230,192,106,.18); }
  body.al-ready .al-replay { opacity: 1; pointer-events: auto; }

html.reference-intro:not(.intro-stars) #stars{opacity:0}
html:not(.reference-intro) #al-sky,html:not(.reference-intro) #al-stage,html:not(.reference-intro) #al-skip{display:none}
html.reference-intro:not(:has(body.al-ready)) body{overflow:hidden}
html.intro-slow #al-logo .shine::before{animation-duration:24s;animation-delay:12s}
.al-skip{min-height:44px;min-width:44px}
html.reference-intro body:not(.al-ready) .asist,html.reference-intro body:not(.al-ready) .wa{visibility:hidden}