@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;600;800&family=Source+Code+Pro&display=swap');

* { margin:0; padding:0; box-sizing:border-box; }

html {
    scroll-behavior: smooth;
}

body {
    background:#05070a;
    color:#eaeaea;
    font-family:Inter, sans-serif;
}

/* TIMELINE */
.timeline {
    position:fixed;
    left:30px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    align-items:center;
    z-index:10;
}

.timeline .line {
    position:absolute;
    width:2px;
    height:100%;
    background:#1f2a30;
}

.timeline .point {
    width:12px;
    height:12px;
    border-radius:50%;
    background:#444;
    margin:18px 0;
    cursor:pointer;
    transition:.3s;
    z-index:1;
}

.timeline .point.active {
    background:#7fffd4;
    box-shadow:0 0 12px rgba(127,255,212,0.6);
}

/* SECTIONS */
.section {
    min-height:100vh;
    padding:120px 15% 6rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.section.dark {
    background:#030508;
}

.tag, .section-tag {
    font-family:'Source Code Pro', monospace;
    font-size:.7rem;
    letter-spacing:.25em;
    opacity:.6;
}

h1 {
    font-family:'Source Code Pro', monospace;
    font-size:clamp(3rem,8vw,6rem);
    letter-spacing:.15em;
    margin-top:1rem;
}

h2 {
    font-size:clamp(1.8rem,3vw,2.5rem);
    margin-top:1.5rem;
}

p {
    margin-top:1.5rem;
    max-width:650px;
    line-height:1.7;
    opacity:.85;
}

/* HERO */
.hero .hook {
    font-size:1.3rem;
}

.scroll-hint {
    margin-top:3rem;
    font-family:'Source Code Pro', monospace;
    font-size:.7rem;
    opacity:.5;
}

/* COUNTDOWN */
.countdown {
    font-family:'Source Code Pro', monospace;
    font-size:3rem;
    margin-top:2rem;
}

.status {
    margin-top:1rem;
    opacity:.6;
}

/* LINKS */
.links {
    display:flex;
    gap:2rem;
    margin-top:2rem;
}

.links a {
    color:#7fffd4;
    text-decoration:none;
    font-family:'Source Code Pro', monospace;
    border-bottom:1px solid transparent;
    transition:.3s;
}

.links a:hover {
    border-bottom:1px solid #7fffd4;
}

/* FOOTER */
footer {
    padding:3rem 15%;
    opacity:.6;
}