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

:root {
    --navy: #0A0E1A;
    --blue: #00A8FF;
    --blue2: #0066CC;
    --cyan: #4DD8FF;
    --white: #FFFFFF;
    --offwhite: #F0F8FF;
    --gray: #6B7280;
    --lightgray: #E8F4FD;
    --glow: 0 0 20px rgba(0, 168, 255, 0.4);
    --glow-lg: 0 0 40px rgba(0, 168, 255, 0.25);
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    background: var(--white);
    color: #1a1a2e;
    overflow-x: hidden;
}

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--navy);
}

::-webkit-scrollbar-thumb {
    background: var(--blue);
    border-radius: 3px;
}