:root {
        --navy: #0a1628;
        --navy-mid: #112240;
        --navy-light: #1e3a5f;
        --teal: #00b4d8;
        --teal-mid: #0096b4;
        --teal-dark: #006d8a;
        --teal-pale: #caf0f8;
        --aqua: #48cae4;
        --white: #f8faff;
        --offwhite: #eef2f7;
        --muted: #8a9bb5;
        --text-body: #c5d0e0;
        --gold: #e9c46a;
        --danger: #e63946;
        --success: #06d6a0;
        --card-bg: rgba(17, 34, 64, 0.8);
        --border: rgba(0, 180, 216, 0.15);
        --glow: 0 0 40px rgba(0, 180, 216, 0.12);
      }
      *,
      *::before,
      *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      html {
        scroll-behavior: smooth;
        font-size: 16px;
        overflow-x: hidden;
      }
      body {
        font-family: "Plus Jakarta Sans", sans-serif;
        background: var(--navy);
        color: var(--white);
        min-height: 100vh;
        overflow-x: hidden;
      }
      h1,
      h2,
      h3,
      h4,
      h5 {
        font-family: "Inter", sans-serif;
      }