body {
      margin: 0;
      padding: 0;
      font-family: 'Cormorant Garamond', serif;
      color: #f3e8ff;
      background: #0d0b17;
      overflow-x: hidden;
    }
    .hero {
      position: relative;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      background: url('https://source.unsplash.com/1600x900/?purple,galaxy') center/cover no-repeat;
    }
    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width:100%;
      height:100%;
      background: rgba(13,11,23,0.7);
      z-index:1;
    }
    .hero-content {
      position: relative;
      z-index:2;
      padding: 0 20px;
    }
    h1 {
      font-size: 3rem;
      margin-bottom: 0.5rem;
      letter-spacing: 2px;
    }
    p {
      font-size: 1.25rem;
      line-height: 1.6;
      max-width: 800px;
      margin: 0 auto;
    }
    .secret {
      margin-top: 2rem;
      cursor: pointer;
      color: #c9a3ff;
      position: relative;
    }
    .secret::after {
      font-size: 0.9rem;
      color: #c9a3ff;
    }
    .secret-content {
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition: max-height 0.5s ease, opacity 0.5s ease;
    }
    .secret:hover .secret-content {
      max-height: 300px;
      opacity: 1;
    }
    footer {
      padding: 1rem;
      text-align: center;
      font-size: 0.9rem;
      background: #0a0812;
    }