/* ===============================
   Root Variables (Theme Colors)
   =============================== */
:root {
    /* Brand Colors */
    --primary-500: #FDC300;
    --secondary-100: #CCF1FF;
    --secondary-500: #0197CD;
    --secondary-900: #002533;
    --secondary-950: #001319;
    --gray-neutral-300: #CBD5E1;
    --gray-neutral-800: #1E293B;
    --white-color: #ffffff;

    /* Typography */
    --font-family-base: Arial, Helvetica, sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.6;

    /* Transitions */
    --transition-fast: 0.2s ease-in-out;
    --transition-base: 0.3s ease-in-out;
}

/* ===============================
   Base Styles
   =============================== */
body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    background: linear-gradient(0deg,rgba(254, 249, 225, 0.4) 0%, rgba(255, 255, 255, 1) 100%);
    background-repeat: no-repeat;
    color: var(--secondary-900);
    overflow-x: hidden;
}

/* ===============================
   Typography
   =============================== */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin: 0;
}
h1{font-size: 48px;line-height: 55px;}
h2{font-size: 40px;line-height: 46px;}
h3{font-size: 30px;line-height: 34px;}
h5{font-size: 20px;line-height: 28px;}
h6{font-size: 18px;line-height: 24px;}

p{font-size: 18px;line-height: 28px;color: var(--gray-neutral-800);margin: 0;}
.mb-16{margin-bottom: 16px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-50{margin-bottom: 50px !important;}
.mb-60{margin-bottom: 60px !important;}

ul{padding: 0;margin: 0;}
a{text-decoration: none;}

.py-100{padding-top: 100px;padding-bottom: 100px;}
.space-10{padding: 10px !important;}
.color-primary{color: var(--primary-500);}
.color-secondary{color: var(--secondary-500);}
.color-white{color: var(--white-color) !important;}
/* Coming Soon */
   body{
      height: 100vh;
      background: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e') no-repeat center center/cover;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
      text-align: center;
      position: relative;
    }

    /* Dark overlay */
    body::before{
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.55);
    }
    .content{
      position: relative;
      z-index: 1;
      padding: 40px;
    }
    .content h1{
      font-size: 60px;
      letter-spacing: 3px;
      margin-bottom: 15px;
    }
    .content p{
      font-size: 20px;
      opacity: 0.9;
      color: #ffffff;
    }
    .footer_content{
      position: absolute;
      bottom: 20px;
      width: 100%;
      text-align: center;
      font-size: 14px;
      opacity: 0.8;
      color: #ffffff;
    }