{{template "base/head" .}}
<style>
  body {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .forge-main-wrapper {
    flex: 1 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px !important;
    text-align: center;
    background-color: var(--color-body);
  }

  footer {
    flex-shrink: 0 !important;
    background-color: var(--color-footer) !important;
  }

  .forge-content-box {
    width: 100%;
    max-width: 800px;
    margin-top: -40px;
  }

  .forge-header-text {
    font-size: 2.5rem !important;
    font-weight: 600 !important;
    margin: 15px 0 10px 0 !important;
    color: var(--color-text) !important;
  }

  .forge-subtitle {
    font-size: 1.1rem;
    color: var(--color-text-light);
    margin-bottom: 30px;
  }

  .forge-nav-buttons {
    max-width: 700px !important;
    margin: 0 auto !important;
  }

  .forge-btn {
    padding: 12px !important;
    font-weight: 500 !important;
    border: 1px solid var(--color-input-border) !important;
    background: var(--color-button) !important;
    color: var(--color-text) !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
  }

  .forge-btn:hover {
    background: var(--color-secondary-dark-1) !important;
    border-color: var(--color-input-border-hover) !important;
    color: var(--color-text) !important;
  }

  .forge-hr {
    border: none !important;
    border-top: 1px solid var(--color-light-border) !important;
    margin: 30px auto !important;
    width: 50%;
    opacity: 0.5;
  }

  .forge-disclaimer {
    font-size: 0.9rem;
    color: var(--color-placeholder-text);
    max-width: 550px;
    margin: 0 auto;
    line-height: 1.4;
  }
</style>

<div class="page-content forge-main-wrapper">
  <div class="forge-content-box">

    <img class="logo" src="{{AssetUrlPrefix}}/img/logo.svg" width="100" height="100">
    <h1 class="ui header forge-header-text">Atridad Lahiji's Code Forge</h1>
    <p class="forge-subtitle">A private space for my source available projects.</p>

    <div class="ui three column stackable grid forge-nav-buttons">
      <div class="column">
        <a class="ui fluid button forge-btn" href="/explore/repos">Explore Projects</a>
      </div>
      <div class="column">
        <a class="ui fluid button forge-btn" href="/user/login">Access Forge</a>
      </div>
      <div class="column">
        <a class="ui fluid button forge-btn" href="https://github.com/atridadl" target="_blank">Public GitHub</a>
      </div>
    </div>

    <div class="ui divider forge-hr"></div>
    <p class="forge-disclaimer">
      Unauthorized use of code or content for training AI models or
      AI-driven data scraping is strictly prohibited.
    </p>

  </div>
</div>
{{template "base/footer" .}}