:root {
    --bg: #0b1220;
    --bg-2: #020617;
    --accent: #38bdf8;
    --accent-soft: rgba(56, 189, 248, 0.12);
}

html {
    scroll-behavior: smooth;
}

body {
    background: 
        radial-gradient(circle at top left, rgba(56,189,248,0.10), transparent 30%),
        radial-gradient(circle at bottom right, rgba(110,231,183,0.08), transparent 25%),
        linear-gradient(180deg, #020617 0%, #0f172a 100%);
    color: #e5e7eb;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
}

.reveal {
    opacity: 0;
    transform: translateY(14px);
    transition: all .6s cubic-bezier(.2,.9,.2,1);
}

.reveal.show {
    opacity: 1;
    transform: none;
}