:root {
    --glow: #FEE07E;
    --berry: #6D3034;
    --midnight: #1C1E2D;
    --evergreen: #3E4926;
    --pine: #667231;
    --frost: #99C7C4;
    --blush: #DABDAC;
    --deep-forest: #212A17;
    --ink: #F7F5EE;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--midnight); }
body {
    min-height: 100vh;
    margin: 0;
    color: var(--ink);
    background:
        radial-gradient(circle at 50% -10%, rgba(254,224,126,.12), transparent 34%),
        linear-gradient(160deg, var(--midnight) 0%, #171923 54%, var(--deep-forest) 140%);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    overflow-x: hidden;
}

.prelaunch-shell {
    position: relative;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 48px 22px 86px;
    isolation: isolate;
}

.prelaunch-card {
    position: relative;
    z-index: 2;
    width: min(760px, 100%);
    text-align: center;
    padding: clamp(34px, 6vw, 72px) clamp(22px, 6vw, 68px);
    border: 1px solid rgba(254,224,126,.18);
    border-radius: 28px;
    background: rgba(28,30,45,.72);
    box-shadow: 0 30px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter: blur(10px);
}

.eyebrow {
    margin: 0 0 18px;
    color: var(--frost);
    font-size: .77rem;
    font-weight: 750;
    letter-spacing: .18em;
    text-transform: uppercase;
}

h1 {
    margin: 0;
    color: var(--glow);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.65rem, 8vw, 5.75rem);
    font-weight: 500;
    line-height: .98;
    letter-spacing: -.04em;
    text-wrap: balance;
    text-shadow: 0 0 35px rgba(254,224,126,.12);
}

.lead {
    max-width: 610px;
    margin: 28px auto 0;
    color: rgba(247,245,238,.85);
    font-size: clamp(1rem, 2vw, 1.22rem);
    line-height: 1.72;
}

.divider {
    width: 96px;
    height: 1px;
    margin: 34px auto 26px;
    background: linear-gradient(90deg, transparent, rgba(254,224,126,.72), transparent);
}

.coming-soon {
    margin: 0;
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.tagline {
    margin: 12px 0 0;
    color: var(--blush);
    font-size: .95rem;
}

.prelaunch-footer {
    position: absolute;
    z-index: 2;
    bottom: 28px;
    display: flex;
    gap: 10px;
    color: rgba(247,245,238,.48);
    font-size: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.stars {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .66;
    background-repeat: repeat;
}

.stars-a {
    background-image:
        radial-gradient(circle, rgba(254,224,126,.9) 0 1px, transparent 1.6px),
        radial-gradient(circle, rgba(153,199,196,.68) 0 1px, transparent 1.5px);
    background-size: 92px 92px, 137px 137px;
    background-position: 14px 18px, 62px 41px;
}

.stars-b {
    opacity: .26;
    background-image: radial-gradient(circle, #fff 0 .8px, transparent 1.3px);
    background-size: 53px 53px;
    background-position: 7px 29px;
}

.glow-orb {
    position: absolute;
    z-index: 0;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    filter: blur(75px);
    opacity: .12;
    pointer-events: none;
}
.glow-orb-left { left: -110px; bottom: 2%; background: var(--frost); }
.glow-orb-right { right: -120px; top: 6%; background: var(--glow); }

@media (max-width: 560px) {
    .prelaunch-shell { padding-inline: 14px; }
    .prelaunch-card { border-radius: 22px; }
    .lead { line-height: 1.6; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}