:root {
      --bg-color: #0d0d0d;
      --primary: #66ffcc;
      --accent1: #c792ea;
      --accent2: #ff77aa;
      --text: #ffffff;
    }

    body {
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', sans-serif;
      background: var(--bg-color);
      color: var(--text);
      display: flex;
      align-items: center;
      min-height: 100vh;
      background-image: radial-gradient(circle at top right, rgba(199,146,234,0.2), transparent),
                        radial-gradient(circle at bottom left, rgba(255,119,170,0.2), transparent);
    }

        h1 {
            text-align: center;
            margin-bottom: 1.5rem;
            color: var(--primary);
        }

        .container {
            display: flex;
            justify-content: center;
            flex-direction: column;
            width: 100%;
            /* max-width: 400px; */
            background: rgba(0, 0, 0, 0.6);
            padding: 2rem;
            /* border-radius: 1.5rem; */
            /* box-shadow: 0 0 20px rgba(102, 255, 204, 0.3); */
        }

    .footer {
      margin-top: 2rem;
      text-align: center;
      font-size: 0.8rem;
      color: #888;
    }