\<title>ثبت‌نام | MiniSteam\</title>            

```
<a class="btn btn-small btn-outline"
   href="/profile">پروفایل</a>
<header class="navbar">
    <a class="logo" href="/">
        <span class="logo-icon">M</span>
        Mini<span>Steam</span>
    </a>

    <nav class="nav-links">
        <a href="/">خانه</a>
        <a href="/games">بازی‌ها</a>
    </nav>

    <div class="nav-user">
        
            <a class="nav-login" href="/login">ورود</a>
            <a class="btn btn-small"
               href="/register">ثبت‌نام</a>
        
    </div>
</header>

<main class="page-content">
    
<section class="auth-wrap">
    <div class="auth-card">
        <span class="section-kicker">JOIN MINISTEAM</span>
        <h1>ساخت حساب</h1>
        <p class="auth-subtitle">برای ساخت حساب، ایمیلت رو تأیید کن.</p>

        <form method="POST" class="auth-form">
            <label for="username">نام کاربری</label>
            <input id="username" name="username" maxlength="50"
                   autocomplete="username" required>

            <label for="email">ایمیل</label>
            <input id="email" name="email" type="email"
                   autocomplete="email" placeholder="you@example.com"
                   required>

            <label for="password">رمز عبور</label>
            <input id="password" name="password" type="password"
                   minlength="8" autocomplete="new-password" required>

            

            <button class="btn btn-large auth-submit" type="submit">
                ارسال کد تأیید
            </button>
        </form>

        <p class="auth-switch">
            حساب داری؟ <a href="/login">وارد شو</a>
        </p>
    </div>
</section>

</main>

<footer class="footer">
    <a class="logo footer-logo" href="/">
        Mini<span>Steam</span>
    </a>
    <p>دنیای بازی‌ها، یک کلیک تا تو فاصله داره 🎮</p>
</footer>

<link rel="stylesheet" href="/static/style.css">

<a class="btn btn-small btn-outline"
   href="/profile">پروفایل</a>