feat: redesign website templates with full pages

- Redesigned base.html: dark Minecraft theme, sticky header, responsive grid, cards, server cards with status indicators, profile styles
- index.html: hero section, server list grid, how-to-start steps, features section
- login.html: centered card layout, client-side validation, fetch API
- registration.html: password confirmation, pattern validation, error alerts
- profile.html: new page — skin/cape upload & delete, launcher download links, auth-gated via localStorage token
- templates.go: added /profile route, extended pageData with Username/UUID

internal/templates/html/index.html

@@ -1,17 +1,73 @@
 {{define "content"}}
-<div class="card">
-    <h1>Добро пожаловать в MrixsCraft</h1>
-    <p>Приватный Minecraft-сервер с модпаками. Зарегистрируйся, скачай лаунчер и играй.</p>
-    <p>
-        <a href="/register" class="btn">Начать играть</a>
-    </p>
+<!-- Hero -->
+<div class="hero">
+    <h1>⛏ MrixsCraft</h1>
+    <p>Приватный Minecraft-сервер с модпаками. Зарегистрируйся, скачай лаунчер и играй с друзьями.</p>
+    <div class="actions">
+        <a href="/register" class="btn btn-lg">Начать играть</a>
+        <a href="#servers" class="btn btn-outline btn-lg">Список серверов</a>
+    </div>
 </div>
+
+<!-- Servers -->
+<h2 class="section-title" id="servers">🖥 Наши серверы</h2>
+<div class="grid-2" id="serversGrid">
+    <div class="server-card">
+        <span class="version-badge">1.21</span>
+        <h3>HiTech</h3>
+        <p class="meta">Технический модпак · Java 21</p>
+        <p class="muted text-sm">Индустриальная автоматизация, технологии и прогресс. Строй фабрики, автоматизируй производство, покоряй энергию.</p>
+        <div class="status mt-2">Онлайн</div>
+    </div>
+    <div class="server-card">
+        <span class="version-badge">1.20</span>
+        <h3>Vanilla</h3>
+        <p class="meta">Ванильный сервер · Java 17</p>
+        <p class="muted text-sm">Классический Minecraft без модов. Строи, исследуй, выживай — всё как в старые добрые времена.</p>
+        <div class="status mt-2">Онлайн</div>
+    </div>
+</div>
+
+<!-- How to start -->
+<h2 class="section-title mt-2">🚀 Как начать</h2>
+<div class="grid-3">
+    <div class="card text-center">
+        <div style="font-size:2rem;margin-bottom:0.5rem">📝</div>
+        <h3>1. Регистрация</h3>
+        <p>Создай аккаунт на сайте. Придумай никнейм и пароль.</p>
+    </div>
+    <div class="card text-center">
+        <div style="font-size:2rem;margin-bottom:0.5rem">💾</div>
+        <h3>2. Скачай лаунчер</h3>
+        <p>Скачай лаунчер для своей ОС. Он сам скачает все нужные файлы.</p>
+    </div>
+    <div class="card text-center">
+        <div style="font-size:2rem;margin-bottom:0.5rem">🎮</div>
+        <h3>3. Играй</h3>
+        <p>Авторизуйся в лаунчере, выбери сервер и нажимай PLAY.</p>
+    </div>
+</div>
+
+<!-- Features -->
+<h2 class="section-title mt-2">✨ Возможности</h2>
 <div class="card">
-    <h2>Как начать</h2>
-    <ol style="margin-left: 1.25rem; color: var(--text-muted); line-height: 1.8;">
-        <li>Зарегистрируйся на сайте</li>
-        <li>Скачай лаунчер для своей ОС</li>
-        <li>Авторизуйся, выбирай модпак и нажимай PLAY</li>
-    </ol>
+    <div class="grid-2" style="gap:1.5rem">
+        <div>
+            <h3>🔐 Своя авторизация</h3>
+            <p>Полноценная Yggdrasil-совместимая система. Скины, плащи, профили — всё работает.</p>
+        </div>
+        <div>
+            <h3>📦 Модпаки</h3>
+            <p>Готовые наборы модов с автообновлением. Лаунчер сам скачает и проверит все файлы.</p>
+        </div>
+        <div>
+            <h3>🌐 Веб-профиль</h3>
+            <p>Управляй скином и плащом прямо на сайте. Загружай PNG и они сразу в игре.</p>
+        </div>
+        <div>
+            <h3>🔄 Автообновление</h3>
+            <p>Лаунчер обновляется сам. Серверные модпаки тоже подтягиваются автоматически.</p>
+        </div>
+    </div>
 </div>
 {{end}}