@charset "UTF-8";

/* =========================
THEME
========================= */
:root{
    --bg: #0B0F0E;
    --surface: #101816;
    --border: #1F2A26;
    --text: #E7F6EF;
    --muted: #A7C7B8;
    --green: #22C55E;
}
/* =========================
RESET / BASE
========================= */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background: var(--bg);
    color: var(--text);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    line-height: 1.6;
}
a{ color: inherit; }
a:hover{ color: var(--green); }
.container{
    width: min(1100px, 92%);
    margin: 0 auto;
    padding: 30px 0 40px;
}
html{
    scroll-behavior: smooth;
}
.reveal{
    opacity: 0;
    transform: translateY(50px) scale(0.96);
    transition: opacity .7s ease, transform .7s ease;
    will-change: transform, opacity;
}
.reveal-visible{
    opacity: 1;
    transform: translateY(0) scale(1);
}