* {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      font-family: 'Segoe UI', sans-serif;
      background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
      color: white;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      text-align: center;
      overflow: hidden;
      position: relative;
    }

    h1 {
      font-size: 3rem;
      margin-bottom: 50px;
      text-shadow: 0 0 15px #00c3ff88;
      animation: pulse 3s ease-in-out infinite;
    }

    .link-btn {
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.15);
      color: #00c3ff;
      padding: 15px 35px;
      border-radius: 14px;
      font-size: 1.2rem;
      margin: 10px;
      text-decoration: none;
      display: inline-block;
      transition: all 0.3s ease;
      backdrop-filter: blur(6px);
      box-shadow: 0 0 10px #00c3ff44;
    }

    .link-btn:hover {
      background: rgba(0, 195, 255, 0.25);
      transform: scale(1.07);
      box-shadow: 0 0 15px #00c3ff88;
    }

    @keyframes pulse {
      0%, 100% { text-shadow: 0 0 15px #00c3ff88; }
      50% { text-shadow: 0 0 30px #00c3ffff; }
    }

    /* Stars Background Animation */
    .stars {
      position: absolute;
      width: 100%;
      height: 100%;
      background: transparent url('stars.png') repeat top center;
      z-index: -1;
      animation: moveStars 120s linear infinite;
      opacity: 0.2;
    }

    @keyframes moveStars {
      from { background-position: 0 0; }
      to { background-position: -10000px 5000px; }
    }