:root {
      --bg: #0b0b0e;
      --fg: #e8e8ea;
      --muted: #9a9aa3;
      --line: rgba(255,255,255,0.06);
    }

    * { box-sizing: border-box; }

    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      background: var(--bg);
      color: var(--fg);
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    body {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .container {
      max-width: 760px;
      width: 100%;
      padding: 48px 32px;
    }

    .logo {
      margin-top: 1rem;
      margin-bottom: 4rem;
    }

    .logo img{
        height:35px;
        color: var(--muted);
    }

    h1 {
      font-size: clamp(32px, 6vw, 56px);
      font-weight: 500;
      line-height: 1.1;
      margin: 0 0 24px 0;
    }

    p {
      font-size: 16px;
      line-height: 1.7;
      color: var(--muted);
      max-width: 520px;
      margin: 0 0 40px 0;
    }

    .divider {
      height: 1px;
      background: var(--line);
      margin: 48px 0;
      width: 100%;
    }

    .meta {
      font-size: 14px;
      color: var(--muted);
      display: flex;
      gap: 24px;
      flex-wrap: wrap;
    }
    
    .meta a{
        color: var(--muted);
        text-decoration: none;
    }
    .fade-in {
      animation: fade 1.2s ease-out both;
    }

    @keyframes fade {
      from { opacity: 0; transform: translateY(6px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 600px) {
      .logo { margin-bottom: 48px; }
    }