body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    background: radial-gradient(circle at top left, #E1F1F3, #E1F1F3);
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    text-align: center;
    overflow: hidden;
  }
  
  .container {
    max-width: 600px;
    padding: 20px;
    animation: fadeIn 2s ease-in-out;
  }
  
  .logo {
    width: 400px;
    margin-bottom: 40px;
    animation: float 4s ease-in-out infinite;
  }
  
  h1 {
    font-family: 'Playfair Display', serif;
    font-size: 3.2rem;
    color: #EC6C4E;
    margin-bottom: 20px;
    animation: fadeInUp 2.5s ease forwards;
  }
  
  p {
    font-size: 1.4rem;
    color: #313134;
    animation: fadeInUp 3s ease forwards;
  }
  
  .line {
    width: 40px;
    height: 5px;
    background-color: #233060;
    margin: 35px auto 0;
    border-radius: 2px;
    animation: fadeIn 4s ease forwards;
  }
  
  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  @keyframes float {
    0%, 100% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-10px);
    }
  }