* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #0c0a09;
      font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
      color: #a8998a;
      line-height: 1.6;
      padding: 1rem;
    }

    main {
      background: #141210;
      border: 1px solid #2a2522;
      border-radius: 4px;
      padding: 2.5rem 3rem;
      max-width: 480px;
      width: 100%;
      text-align: center;
    }

    h1 {
      font-size: 1.25rem;
      font-weight: 500;
      color: #c4b5a5;
      margin-bottom: 1.25rem;
    }

    p {
      font-size: 0.9rem;
      margin-bottom: 0.25rem;
    }

    .contact {
      margin-top: 1.5rem;
      padding-top: 1.25rem;
      border-top: 1px solid #2a2522;
      font-size: 0.85rem;
    }

    .contact p {
      margin-bottom: 0.5rem;
    }

    details {
      margin-top: 1.5rem;
      padding-top: 1.25rem;
      border-top: 1px solid #2a2522;
      font-size: 0.8rem;
      text-align: left;
    }

    summary {
      cursor: pointer;
      color: #7a6b5a;
      text-align: center;
      list-style: none;
    }

    summary::-webkit-details-marker {
      display: none;
    }

    summary:hover {
      color: #a8998a;
    }

    summary:focus {
      outline: 2px solid #5c4a3a;
      outline-offset: 2px;
    }

    details p {
      margin-top: 1rem;
      color: #7a6b5a;
      line-height: 1.5;
    }

    a {
      color: #8b7355;
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    a:hover {
      color: #b59b7a;
    }

    a:focus {
      outline: 2px solid #5c4a3a;
      outline-offset: 2px;
    }