/* ============================================================
   SANARU · "Yakında" sayfası ve 404 sayfası (site yayına girene kadar)
   Sitenin gece gökyüzü: lacivert zemin, göz kırpan yıldızlar, ara sıra kayan yıldız.
   Ortada yatay logo (yalnızca SANARU yazısı); S harfindeki yıldız logo paketindeki animasyon gibi hafifçe parlar.
   Bu dosyaları davetiyeler KULLANMAZ (her davetiye kendi klasöründe, kendi dosyalarıyla durur).
   ============================================================ */
@font-face{font-family:'Cormorant Garamond'; font-style:italic; font-weight:400; font-display:swap;
  src:url('fonts/cormorant-garamond-italic-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond'; font-style:italic; font-weight:400; font-display:swap;
  src:url('fonts/cormorant-garamond-italic-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Jost'; font-style:normal; font-weight:400; font-display:swap;
  src:url('fonts/jost-normal-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Jost'; font-style:normal; font-weight:400; font-display:swap;
  src:url('fonts/jost-normal-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  color-scheme:dark;
  --sky:#070B1D; --glow-1:#13205A; --glow-2:#1A1240; --star:#FFF3DC; --shoot:rgba(255,240,210,.9);
  --krem:#F4EDE1; --ivory:#EEE7DA; --mute:rgba(238,231,218,.7); --gold:#D8BE8A; --yildiz:#D9BA7C;
  --it:"Cormorant Garamond", Georgia, serif; --sans:"Jost", system-ui, sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%}
body{margin:0; color:var(--ivory); font:400 1rem/1.6 var(--sans); -webkit-font-smoothing:antialiased; overflow:hidden;
  background:radial-gradient(90% 60% at 80% 0%, var(--glow-1) 0%, transparent 60%), radial-gradient(70% 50% at 0% 100%, var(--glow-2) 0%, transparent 60%), var(--sky)}
a{color:inherit}
:focus-visible{outline:1px solid var(--gold); outline-offset:6px; border-radius:6px}

/* gökyüzü (sitedekiyle aynı) */
.sky{position:fixed; inset:0; z-index:0; pointer-events:none}
.sky i{position:absolute; width:var(--s); height:var(--s); border-radius:50%; background:var(--star); opacity:.18; animation:tw var(--t) ease-in-out infinite alternate; animation-delay:var(--dl)}
@keyframes tw{to{opacity:.8}}
.shoot{position:fixed; z-index:0; top:0; left:0; height:1.5px; border-radius:2px; pointer-events:none; opacity:0; transform-origin:100% 50%;
  background:linear-gradient(90deg, transparent, var(--shoot) 85%, #fff)}
.shoot::after{content:""; position:absolute; right:-2px; top:50%; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#fff; box-shadow:0 0 8px 2px var(--shoot)}

/* sahne: her şey ekranın ortasında */
.sahne{position:relative; z-index:1; min-height:100vh; min-height:100svh; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:max(32px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom))}
/* logonun arkasında çok hafif, sıcak bir ışık */
.sahne::before{content:""; position:absolute; left:50%; top:50%; width:min(720px, 140vw); aspect-ratio:1; transform:translate(-50%, -58%); z-index:-1; pointer-events:none;
  background:radial-gradient(closest-side, rgba(217,186,124,.10), rgba(217,186,124,.03) 55%, transparent)}

.logo{margin:0; line-height:0}
.logo a{display:inline-block; text-decoration:none}
/* yatay logo: S harfinin içindeki yıldız logonun tek simgesi; ayrı S simgesi kullanılmaz (Dilara, 10.11.2026) */
.logo svg{display:block; width:clamp(240px, 70vw, 430px); height:auto; overflow:visible}
.logo--kucuk svg{width:clamp(190px, 52vw, 290px)}
h1.soz{font-weight:400}
.logo .harf{fill:var(--krem)}
.logo .yildiz, .logo .yildiz-isik{fill:var(--yildiz)}
.logo .yildiz-isik{fill:#F3E0B0; opacity:0}
/* logo paketindeki animasyon: yıldız hafifçe büyüyüp döner, arkasında ışık belirip söner */
.logo .yildiz-grup{transform-box:fill-box; transform-origin:center; animation:parilti 3.6s cubic-bezier(.45,0,.25,1) 1.6s infinite}
.logo .yildiz-isik{animation:isik 3.6s ease-in-out 1.6s infinite}
@keyframes parilti{0%{transform:scale(1) rotate(0deg)}38%{transform:scale(1.06) rotate(6deg)}62%{transform:scale(.97) rotate(-2deg)}100%{transform:scale(1) rotate(0deg)}}
@keyframes isik{0%,100%{opacity:0}40%{opacity:.5}}

.ust{margin:clamp(18px, 3.2vh, 28px) 0 0; font:400 .78rem/1 var(--sans); letter-spacing:.42em; text-transform:uppercase; color:var(--gold); padding-left:.42em}
.soz{margin:clamp(30px, 6vh, 52px) 0 0; max-width:30ch; font:400 clamp(1.3rem, 4.6vw, 1.7rem)/1.4 var(--it); font-style:italic; color:var(--mute)}
.kucuk{margin:14px 0 0; font-size:.9rem; color:rgba(238,231,218,.55)}
.kucuk a{color:var(--gold); text-underline-offset:4px}

/* açılış: logo yavaşça belirir, ardından yazılar */
.belir{opacity:0; transform:translateY(10px); animation:belir 1.4s var(--ease) forwards}
.belir--2{animation-delay:.7s}
.belir--3{animation-delay:1.2s}
@keyframes belir{to{opacity:1; transform:none}}

@media (prefers-reduced-motion: reduce){
  .belir{opacity:1; transform:none; animation:none}
  .sky i, .logo .yildiz-grup, .logo .yildiz-isik{animation:none}
}