}

      .error-title {
        font-size: 1.25rem;
      }

      .btn {
        display: block;
        margin: 0.5rem 0;
      }
    }
  </style>
</head>

<body>
  <div class="error-container">
    <div class="icon">⚠️</div>
    <h1 class="error-code">500</h1>
    <h2 class="error-title">Server Error</h2>
    <p class="error-message">
      Something went wrong on our end. We're working to fix this issue. Please try again in a few minutes.
    </p>
    <div class="error-details">
      <strong>What y