/* Ana sayfa: uzayda süzülme teması. Yalnızca <body class="space"> (index.html)
   için; welcome.css'i paylaşan blog sayfaları etkilenmez. Yıldızlar, gezegenler
   ve kaydırma efektleri space.js'te. */
body.space{--space:#0b0920;--glass:#ffffff0d;--glass-line:#ffffff1c;--soft:#b9b3d6;--violet:#b9a6ff;background:var(--space);color:#ece8ff;overflow-x:hidden}
body.space::before{content:"";position:fixed;inset:-20vh -10vw;z-index:0;pointer-events:none;
  background:radial-gradient(40vw 34vw at 82% 18%,#6d4bd855,transparent 70%),radial-gradient(34vw 30vw at 8% 62%,#d0488f33,transparent 70%),radial-gradient(44vw 30vw at 70% 92%,#1fb6a92b,transparent 70%);
  transform:translate3d(0,calc(var(--sy,0) * -.04px),0)}
#sky{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
body.space .topbar,body.space main,body.space footer{position:relative;z-index:1}

/* üst çubuk: uzayın üstünde buzlu cam */
body.space .topbar{position:sticky;top:0;z-index:20;background:#0b0920a8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #ffffff14;color:#f4f1ff}
body.space .nav-wrap nav>.nav-cta{background:var(--mint);color:#1d2a17;box-shadow:0 0 24px #ccf7ae44}

/* ana spot */
body.space .hero{background:transparent}
body.space .hero-grid{display:none}
body.space .spotlight{background:radial-gradient(520px circle at var(--spot-x,75%) var(--spot-y,35%),#8e74ff2e,transparent 72%)}
body.space .hero-copy{transform:translate3d(0,calc(var(--sy,0) * .18px),0);opacity:calc(1 - var(--sy,0) / 900)}
body.space h1 span{background:linear-gradient(90deg,#c9b8ff,#ff9ed2,#9ef0e1);-webkit-background-clip:text;background-clip:text;color:transparent}
body.space .hero-art{transform:translate3d(0,calc(var(--sy,0) * -.12px),0)}
body.space .bilge{animation:drift 10s ease-in-out infinite;filter:drop-shadow(0 0 40px #9c7bff66) drop-shadow(0 22px 24px #05031580)}
body.space .art-glow{width:440px;height:440px;background:radial-gradient(circle,#9c7bff47,transparent 68%);animation:pulse 9s ease-in-out infinite}
body.space .orbit{border-color:#b7a6ff2e;animation:spin 80s linear infinite}
body.space .orbit-two{animation-duration:55s;animation-direction:reverse}
body.space .orbit::after{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:#ffd88a;box-shadow:0 0 14px #ffd88a}
body.space .orbit-two::after{background:#9ef0e1;box-shadow:0 0 14px #9ef0e1;width:8px;height:8px}
body.space .bilge-shadow{opacity:.35}
body.space .floating-note{background:#ffffffee;backdrop-filter:blur(8px);animation:bob 9s ease-in-out infinite}
body.space .note-bottom{animation-delay:-4.5s}
.note-push .note-app{display:block;font-size:8px;letter-spacing:.4px;color:#7d7590;margin-bottom:1px}
.heart{position:absolute;z-index:2;color:#ff8ec7;text-shadow:0 0 12px #ff8ec7aa;animation:heart 8s ease-in-out infinite}
.heart-one{left:58px;bottom:150px;font-size:18px}
.heart-two{right:70px;top:120px;font-size:13px;animation-delay:-4s}
body.space .hero-bottom{border-top-color:#ffffff12}

.new-pill{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:7px 14px 7px 7px;border-radius:999px;background:linear-gradient(90deg,#ffffff16,#ffffff08);border:1px solid #c9b8ff55;color:#f1edff;font-size:13px;font-weight:600;box-shadow:0 0 22px #c9b8ff2a;transition:transform .2s}
.new-pill:hover{transform:translateY(-2px)}
.new-tag{background:linear-gradient(90deg,#ff9ed2,#c9b8ff);color:#26113a;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}

/* buton: hap biçimi ve parıltı */
body.space .button{border-radius:999px}
body.space .button.primary{box-shadow:0 10px 30px -8px #ccf7ae88}
body.space .text-link{color:#f4efff}

/* güven şeridi */
body.space .trust-strip{background:#ffffff08;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;backdrop-filter:blur(6px)}
body.space .trust-inner{color:var(--soft)}
body.space .trust-inner b{color:#fff}

/* bölümler */
body.space .content-wrap{position:relative}
body.space .kicker{color:var(--violet)}
body.space .section-heading h2,body.space .app-panel h2,body.space .final-cta h2{color:#fff}
body.space .section-heading>p,body.space .final-cta p{color:var(--soft)}
body.space .category{box-shadow:0 30px 60px -24px #000c,0 0 0 1px #ffffff26;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
body.space .category:hover{transform:translateY(-10px) rotate(-.6deg);box-shadow:0 40px 70px -24px #000d,0 0 40px #b9a6ff40}
body.space .category,body.space .category h3{color:var(--ink)}
body.space .classes a{background:var(--glass);border-color:var(--glass-line);color:#fff;backdrop-filter:blur(6px)}
body.space .classes a:hover{background:#b9a6ff26;box-shadow:0 0 28px #b9a6ff40}
body.space .classes span{color:var(--soft)}
body.space .subject-row>span{color:var(--soft)}
body.space .subject-row a{color:#ddd5ff}
body.space .app-panel{background:linear-gradient(160deg,#ffffff12,#ffffff05);border-color:var(--glass-line);backdrop-filter:blur(10px);box-shadow:0 40px 90px -40px #000}
body.space .app-panel-copy>p:not(.kicker),body.space .benefits{color:var(--soft)}
body.space .benefits span{color:var(--mint)}
body.space .app-panel .text-link{margin-left:18px;border-color:#ffffff40}
body.space .dark{background:#fff;color:var(--ink)}
body.space .app-preview{color:var(--ink)}
body.space .final-star{color:#ffd88a;display:inline-block;animation:spin 30s linear infinite;text-shadow:0 0 20px #ffd88a}
body.space .final-cta .button{background:linear-gradient(90deg,#7c5cff,#c05ad8);box-shadow:0 14px 40px -10px #9b6bff}
body.space footer{background:#07061acc;border-top-color:#ffffff12;color:var(--soft);backdrop-filter:blur(8px)}
body.space footer h2{color:var(--violet)}
body.space .footer-blog a{color:#d6d0f0}body.space .footer-blog a:hover{color:#fff}body.space .footer-blog a.more{color:var(--violet)}
body.space .footer-blog,body.space .footer-top{border-color:#ffffff14}
body.space .footer-top p,body.space .footer-bottom{color:#9d97bb}
body.space .footer-bottom{border-top-color:#ffffff12}
body.space .footer-top>a:last-child{border-color:#ffffff40}

/* yeni bölüm: okulda bu hafta */
.school{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;margin-top:86px;padding:48px;border-radius:30px;background:radial-gradient(120% 120% at 100% 0%,#7c5cff38,transparent 55%),linear-gradient(160deg,#ffffff14,#ffffff05);border:1px solid #c9b8ff38;box-shadow:0 50px 120px -50px #000,inset 0 1px 0 #ffffff1f;position:relative;overflow:hidden}
.school h2{font-size:42px;margin:14px 0 18px;color:#fff}
.school h2 span{background:linear-gradient(90deg,#ffd88a,#ff9ed2);-webkit-background-clip:text;background-clip:text;color:transparent}
.school-lead{font-size:15px;color:var(--soft);max-width:460px}
.steps{list-style:none;padding:0;margin:26px 0 28px;display:grid;gap:12px}
.steps li{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffff0b;border:1px solid #ffffff14}
.steps strong{display:block;font-size:14px;color:#fff}
.steps small{font-size:12px;color:var(--soft)}
.step-emoji{flex:none;width:42px;height:42px;display:grid;place-items:center;font-size:21px;border-radius:13px;background:linear-gradient(135deg,#ffffff24,#ffffff08)}
.button.purple{background:linear-gradient(90deg,#7c5cff,#c05ad8);color:#fff;box-shadow:0 14px 40px -10px #9b6bff}
.school-phone{position:relative;display:flex;justify-content:center}
.phone{width:290px;border-radius:38px;padding:16px 14px 18px;background:#f6f4fb;border:8px solid #1b1733;box-shadow:0 40px 80px -30px #000,0 0 60px #7c5cff40;color:var(--ink);transform:rotate(-4deg);animation:bob 9s ease-in-out infinite}
.phone-notch{width:90px;height:20px;margin:-8px auto 10px;border-radius:0 0 14px 14px;background:#1b1733}
.phone-hi{font-weight:800;font-size:16px;letter-spacing:-.4px;margin:2px 4px 10px}
.sday{border-radius:18px;padding:12px;background:#fff;border:1.5px solid #8f7cff;box-shadow:0 10px 24px -12px #5b4bd666}
.sday-head{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.sday-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#6d5df6,#9b6bff);font-size:17px}
.sday-head strong{display:block;font-size:13px}.sday-head small{font-size:10px;color:#6f6a80}
.sday-row{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid #f0edf6}
.sday-row strong{display:block;font-size:11.5px}.sday-row small{font-size:10px;color:#6f6a80}
.sday-row>div{flex:1}
.sday-sub{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;font-size:14px}
.sday-row b{font-size:10.5px;padding:5px 9px;border-radius:999px}
.s-mat{background:#e3e8ff;color:#3f55d9}.s-tr{background:#ffe4ec;color:#d23d6b}.s-fen{background:#dcf6ee;color:#0e8a6a}
.phone-toast{margin-top:12px;font-size:10.5px;font-weight:600;background:#1b1733;color:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 10px 24px -10px #000a}
.school-bilge{position:absolute;right:6%;bottom:-18px;width:120px;height:120px;transform:rotate(10deg);animation:drift 10s ease-in-out infinite;filter:drop-shadow(0 0 22px #9c7bff80)}

/* gezegenler main'in yığın bağlamında z-index:-1: her bölümün içeriğinin
   arkasında kalır, kaydırma onları komşu bölüme taşısa bile */
body.space .discover,body.space .class-section,body.space .final-cta,.school{position:relative}
.hero-planet{left:8%;bottom:26%}.hero-rocket{right:6%;top:8%}

/* gezegenler ve uydu: tatlı yüzlü, her biri kendi derinliğinde (space.js) */
.planet{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;will-change:transform}
.planet .face{position:absolute;inset:0}
.planet .face::before{content:"";position:absolute;left:30%;top:42%;width:9%;height:9%;border-radius:50%;background:#2b1d4a;box-shadow:calc(var(--d) * .33) 0 0 #2b1d4a}
.planet .face::after{content:"";position:absolute;left:39%;top:55%;width:18%;height:9%;border:2.5px solid #2b1d4a;border-top:0;border-radius:0 0 40px 40px}
.p-pink{width:110px;height:110px;--d:110px;background:radial-gradient(circle at 32% 30%,#ffc9e6,#ff7fbf 55%,#c94b93);box-shadow:inset -14px -12px 24px #9b2f7066,0 0 50px #ff7fbf55}
.p-mint{width:70px;height:70px;--d:70px;background:radial-gradient(circle at 32% 30%,#d6fff3,#6fe2c6 55%,#2c9c86);box-shadow:inset -9px -8px 16px #1f6e5e66,0 0 36px #6fe2c655}
.p-gold{width:150px;height:150px;--d:150px;background:radial-gradient(circle at 34% 30%,#fff1c4,#ffcd6b 52%,#e08d2b);box-shadow:inset -18px -16px 30px #a8611c66,0 0 60px #ffcd6b40}
.p-gold::after{content:"";position:absolute;left:-34%;top:40%;width:168%;height:22%;border-radius:50%;border:5px solid #ffe7ad99;transform:rotate(-14deg);box-shadow:0 0 16px #ffe7ad55}
.p-violet{width:46px;height:46px;--d:46px;background:radial-gradient(circle at 32% 30%,#e6dcff,#a58bff 55%,#6a4fd8);box-shadow:0 0 30px #a58bff66}
.rocket{position:absolute;z-index:-1;font-size:34px;pointer-events:none;filter:drop-shadow(0 0 12px #ffd88a88)}

/* kayan yıldız */
.shoot{position:fixed;z-index:0;width:140px;height:2px;border-radius:2px;background:linear-gradient(90deg,#fff,#ffffff00);pointer-events:none;transform:rotate(-24deg);animation:shoot 1.3s ease-out forwards;filter:drop-shadow(0 0 6px #fff)}

/* kaydırınca boşluktan süzülerek gelme */
.reveal{opacity:0;transform:translate3d(0,48px,0) scale(.96) rotate(-.6deg);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,.84,.24,1)}
.reveal.in{opacity:1;transform:none}
.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}

@keyframes drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes spin{to{rotate:360deg}}
@keyframes pulse{0%,100%{opacity:.8;scale:1}50%{opacity:1;scale:1.03}}
@keyframes heart{0%,100%{transform:translateY(0) scale(1);opacity:.75}50%{transform:translateY(-8px) scale(1.1);opacity:1}}
@keyframes shoot{from{opacity:0;translate:0 0}12%{opacity:1}to{opacity:0;translate:-46vw 22vw}}

@media(max-width:1000px){.school{gap:34px;padding:36px}.school h2{font-size:36px}}
@media(max-width:700px){
  body.space .hero-copy{opacity:1}
  .new-pill{font-size:11px;padding:6px 12px 6px 6px;gap:8px;margin-bottom:16px}
  .school{grid-template-columns:1fr;margin-top:50px;padding:28px 20px 40px;border-radius:22px;gap:30px}
  .school h2{font-size:31px;letter-spacing:-1.2px}
  .phone{width:260px}
  .school-bilge{width:90px;height:90px;right:0;bottom:-10px}
  .p-gold{width:96px;height:96px;--d:96px}.p-pink{width:76px;height:76px;--d:76px}
  .heart-one{left:30px}.heart-two{right:30px}
  .school>.p-mint{display:none} /* mobilde başlığın üstüne düşüyordu */
}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.shoot{display:none}body.space .hero-copy,body.space .hero-art{transform:none;opacity:1}}