/* ROOT VARIABLES */

:root {
    --blue: #0052cc;
    --light-blue: #e6f0ff;
    --dark: #0f172a;
    --gray: #64748b;
    --white: #ffffff;
}


/* RESET */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', sans-serif;
}

body {
    background: var(--white);
    color: var(--dark);
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

body {
    padding-top: 80px;
}


/* Scroll Reveal */

.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: 0.8s ease;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}