:root {
        color-scheme: dark;
        font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
        background-color: #0f172a;
      }

      body {
        margin: 0;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background: radial-gradient( circle at center, #0f172a 0%, #0d1526 55%, #080e1e 100% ) fixed;
        color: #e2e8f0;
      }

      .card {
        text-align: center;
        padding: 3rem 4rem;
        /*! border: 1px solid rgba(226, 232, 240, 0.2); */
        /*! border-radius: 1.5rem; */
        /*! box-shadow: 0 10px 60px rgba(14, 23, 45, 0.6); */
        /*! backdrop-filter: blur(30px); */
        /*! background: rgba(18, 27, 49, 0.45); */
      }

      h1 {
        font-size: clamp(2.8rem, 5vw, 4rem);
        /*! letter-spacing: 0.08em; */
        /*! text-transform: uppercase; */
        margin: 0 0 1rem;
        color: #222b3c;
        text-shadow: 0 1px 0 #f8fafc22, 0 4px 12px rgba(0, 0, 0, 0.45),
          inset 0 1px 0 rgba(255, 255, 255, 0.15);
      }

      .title-letter {
        display: inline-block;
        transition: opacity 0.3s ease-out;
      }

      p {
        font-size: 1.1rem;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        margin: 0;
        color: #323f55;
      }