body, html {
      margin: 0;
      padding: 0;
      height: 100%;
      font-family: 'Poppins', sans-serif;
      overflow: hidden;

    }

    

    /* Splash Screen */
    .splash-screen {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: linear-gradient(135deg, #ECDFCC, #ECDFCC);
      color: #4a2e0e;
      z-index: 1000;
      opacity: 1;
      transition: opacity 1s ease-out;
      z-index: 9999;
      overflow: hidden; 
    }

    .splash-logo {
      width: 50%;
      max-width: 150px;
      height: auto;
      margin-bottom: 20px;
      animation: scaleIn 1.5s ease-in-out forwards;
    }

    .splash-title {
      font-size: 5rem;
      font-weight: 900;
      margin-bottom: 8px;
      opacity: 0;
      animation: fadeIn 1s ease-in forwards;
      animation-delay: 1.5s;
    }

    .splash-tagline {
      font-size: 1rem;
      font-weight: 400;
      color: #4a2e0e;
      opacity: 0;
      animation: fadeIn 1s ease-in forwards;
      animation-delay: 2s;
    }

    /* Main Content */
    .main-content {
      display: none;
      opacity: 0;
      transition: opacity 1s ease-in;
      overflow: hidden;
    }

    /* Animations */
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }
    @keyframes scaleIn {
      from { transform: scale(0.8); opacity: 0; }
      to { transform: scale(1); opacity: 1; }
    }

    /* Responsive text */
    @media (max-width: 640px) {
      .splash-title { font-size: 2rem; }
      .splash-tagline { font-size: 0.875rem; }
    }