body {
    font-family: "Jost", sans-serif;
    background: #fff;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center;
  }
  

  .loading-screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  
 
  .pulse-js-icon {
    width: 90px;
    animation: colorPulse 1.4s infinite ease-in-out;
  }
  

  @keyframes colorPulse {
    0% {
      transform: scale(1);
      filter: drop-shadow(0 0 0px #f7df1e);
    }
    50% {
      transform: scale(1.25);
      filter: drop-shadow(0 0 18px #ffb347);
    }
    100% {
      transform: scale(1);
      filter: drop-shadow(0 0 0px #f7df1e);
    }
  }
  
  h1 {
    font-family: "Cormorant Garamond", serif;
    font-size: 3rem;
    margin: 0;
  }
  
  .loading-text {
    font-size: 1.2rem;
    color: #666;
    margin: 0;
  }
  
  .back-btn {
    margin-top: 40px;
    padding: 10px 20px;
    background: #9e2a2b;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    transition: 0.25s;
  }
  
  .back-btn:hover {
    background: #7d1f22;
  }