diff --git a/nonpacks/static/css/style.css b/nonpacks/static/css/style.css
index 1229f1f..3a263c1 100644
--- a/nonpacks/static/css/style.css
+++ b/nonpacks/static/css/style.css
@@ -3600,3 +3600,42 @@ a.deletelink {
 .mod-deps li { color: var(--md-sys-color-on-surface-variant, #a6adc8); }
 .mod-deps code { background: #313244; color: #cdd6f4; padding: 0 0.3rem; border-radius: 4px; }
 .mod-dep-type { color: #8a94b0; font-size: 0.72rem; }
+
+/* Gate page */
+.gate-main {
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    padding: 3rem 1rem;
+    min-height: 60vh;
+}
+.gate-card {
+    background: var(--md-sys-color-surface-variant, #45475a);
+    border: 1px solid var(--md-sys-color-outline-variant, #3a3f4d);
+    border-radius: 12px;
+    padding: 2rem;
+    width: 100%;
+    max-width: 380px;
+    text-align: center;
+    color: var(--md-sys-color-on-surface, #cdd6f4);
+}
+.gate-card h1 { margin: 0.75rem 0 0.25rem; font-size: 1.4rem; }
+.gate-card p { color: var(--md-sys-color-on-surface-variant, #a6adc8); font-size: 0.85rem; }
+.gate-card form { display: flex; flex-direction: column; gap: 0.6rem; margin-top: 1rem; }
+.gate-card input[type="password"] {
+    padding: 0.55rem 0.7rem;
+    border-radius: 8px;
+    border: 1px solid var(--md-sys-color-outline-variant, #45475a);
+    background: var(--md-sys-color-surface, #1e1e2e);
+    color: var(--md-sys-color-on-surface, #cdd6f4);
+}
+.gate-card button {
+    padding: 0.55rem;
+    border-radius: 8px;
+    border: none;
+    background: var(--md-sys-color-primary, #89b4fa);
+    color: #111;
+    font-weight: 600;
+    cursor: pointer;
+}
+.gate-error { color: #f38ba8 !important; font-weight: 600; margin-top: 0.5rem; }
diff --git a/nonpacks/static/stop-it.gif b/nonpacks/static/stop-it.gif
new file mode 100644
index 0000000..c2dbfa3
Binary files /dev/null and b/nonpacks/static/stop-it.gif differ
diff --git a/nonpacks/templates/landing/gate.html b/nonpacks/templates/landing/gate.html
index 3358c0d..e4b1c81 100644
--- a/nonpacks/templates/landing/gate.html
+++ b/nonpacks/templates/landing/gate.html
@@ -1,30 +1,24 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{% block title %}Packs Site - Restricted{% endblock %}</title>
-    {% load static %}
-    <link rel="stylesheet" href="{% static 'css/style.css' %}">
-    <link rel="icon" type="image/png" href="{% static 'Logo.png' %}">
-</head>
-<body>
-    <main class="gate-main">
-        <div class="gate-card">
-            <img src="{% static 'Logo.png' %}" alt="Packs" height="64">
-            <h1>Restricted Access</h1>
-            <p>This site is private. Enter the master password to continue.</p>
+{% extends 'base.html' %}
+{% load static %}
 
-            {% if error %}
-                <p class="gate-error">{{ error }}</p>
-            {% endif %}
+{% block title %}Restricted - Packs Site{% endblock %}
 
-            <form method="post" action="{% url 'landing:gate' %}">
-                {% csrf_token %}
-                <input type="password" name="password" placeholder="Master password" autofocus required>
-                <button type="submit">Enter</button>
-            </form>
-        </div>
-    </main>
-</body>
-</html>
\ No newline at end of file
+{% block content %}
+<div class="gate-main">
+    <div class="gate-card">
+        <img src="{% static 'stop-it.gif' %}" alt="Stop" height="256">
+        <h1>Restricted Access</h1>
+        <p>This site is private. Enter the master password to continue.</p>
+
+        {% if error %}
+            <p class="gate-error">{{ error }}</p>
+        {% endif %}
+
+        <form method="post" action="{% url 'landing:gate' %}">
+            {% csrf_token %}
+            <input type="password" name="password" placeholder="Master password" autofocus required>
+            <button type="submit">Enter</button>
+        </form>
+    </div>
+</div>
+{% endblock %}
