/* page.css — общий стиль внутренних страниц «Астрогном» */
:root{
  --sky-1:#0A0820; --sky-2:#150F38; --earth:#0B1A22;
  --star:#F6F4FF; --gold:#E8B84B; --gold-2:#F7DE97;
  --violet:#A78BE6; --emerald:#4FB79A; --muted:#9A97C4;
  --silver:#D6DFF2; --line:rgba(167,139,230,.24);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:
    radial-gradient(130% 80% at 50% -8%, #241a52 0%, var(--sky-2) 34%, var(--sky-1) 62%),
    linear-gradient(180deg, transparent 55%, rgba(79,183,154,.10) 82%, rgba(79,183,154,.18) 100%),
    var(--sky-1);
  color:var(--star);
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
  min-height:100dvh; overflow-x:hidden;
}
.sky{position:fixed;inset:0;z-index:0;pointer-events:none}
.sky canvas{width:100%;height:100%;display:block}
.horizon{position:fixed;left:0;right:0;bottom:0;height:34vh;z-index:0;pointer-events:none;
  background:radial-gradient(120% 100% at 50% 130%, rgba(79,183,154,.20), transparent 70%)}

.wrap{
  position:relative;z-index:1;min-height:100dvh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:clamp(1rem,3vw,1.6rem);
  padding:clamp(1.4rem,4vw,2.8rem);
}
.back{
  position:fixed;top:clamp(1rem,3vw,1.8rem);left:clamp(1rem,3vw,1.8rem);z-index:2;
  display:inline-flex;align-items:center;gap:.5rem;
  text-decoration:none;color:var(--silver);
  font-size:.82rem;letter-spacing:.04em;
  padding:.5rem .9rem;border-radius:999px;
  background:rgba(228,235,248,.05);border:1px solid rgba(214,223,242,.18);
  transition:border-color .25s ease,background .25s ease,transform .25s ease;
}
.back:hover,.back:focus-visible{outline:none;transform:translateX(-2px);
  border-color:rgba(224,232,247,.5);background:rgba(228,235,248,.1)}

.eyebrow{
  display:flex;align-items:center;gap:.7rem;
  font-size:.72rem;letter-spacing:.42em;text-transform:uppercase;color:var(--violet);font-weight:500;
}
.eyebrow .spark{color:var(--gold);filter:drop-shadow(0 0 6px rgba(232,184,75,.7))}

.badge{
  width:clamp(76px,20vw,104px);height:clamp(76px,20vw,104px);border-radius:50%;
  display:grid;place-items:center;color:var(--gold-2);
  background:radial-gradient(80% 80% at 50% 30%, #2a2160 0%, #171041 60%, #100b30 100%);
  box-shadow:
    0 0 0 1px rgba(228,235,248,.35),
    0 0 60px 12px rgba(214,223,242,.28),
    inset 0 0 30px rgba(10,8,32,.6);
}
.badge svg{width:46%;height:46%;filter:drop-shadow(0 0 8px rgba(232,184,75,.4))}

h1{
  font-family:"Playfair Display",Georgia,serif;font-weight:600;
  font-size:clamp(1.9rem,5.6vw,3.2rem);line-height:1.08;letter-spacing:-.01em;
  margin:0;max-width:18ch;
}
.lead{
  font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:400;
  font-size:clamp(1rem,2.4vw,1.24rem);line-height:1.6;color:#DAD8F2;
  max-width:52ch;margin:0 auto;text-wrap:balance;
}
.soon{
  display:inline-flex;align-items:center;gap:.55rem;
  font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--silver);
  padding:.45rem .95rem;border-radius:999px;
  border:1px dashed rgba(214,223,242,.4);background:rgba(228,235,248,.04);
}
.soon .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 10px 2px rgba(232,184,75,.6);animation:pulse 2.8s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.45}50%{opacity:1}}

.rise{opacity:0;transform:translateY(16px);animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards}
.b1{animation-delay:.1s}.b2{animation-delay:.28s}.b3{animation-delay:.46s}.b4{animation-delay:.66s}.b5{animation-delay:.86s}
@keyframes rise{to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .rise{animation:none;opacity:1;transform:none}
  .soon .dot{animation:none}
}