diff --git a/login.html b/login.html
new file mode 100644
index 0000000..8bb710a
--- /dev/null
+++ b/login.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Вход — ROBO-OPS</title>
+  <link rel="stylesheet" href="/static/css/styles.css">
+</head>
+<body data-page="login">
+  <div class="auth-page">
+    <div class="auth-card">
+      <h1>ROBO-OPS</h1>
+      <p class="auth-subtitle">Вход в личный кабинет оператора</p>
+      <form id="auth-form" class="auth-form">
+        <div class="form-field">
+          <label for="email">Электронная почта</label>
+          <input type="email" id="email" required placeholder="email@example.com">
+        </div>
+        <div class="form-field">
+          <label for="password">Пароль</label>
+          <input type="password" id="password" required minlength="6" placeholder="Минимум 6 символов">
+        </div>
+        <p class="form-error" id="auth-error"></p>
+        <button type="submit" class="btn btn--primary btn--block">Войти</button>
+      </form>
+      <p class="auth-link">Нет аккаунта? <a href="/register">Зарегистрироваться</a></p>
+    </div>
+  </div>
+  <script src="/static/js/api.js"></script>
+  <script src="/static/js/auth.js"></script>
+</body>
+</html>
diff --git a/register.html b/register.html
new file mode 100644
index 0000000..a8c465a
--- /dev/null
+++ b/register.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Регистрация — ROBO-OPS</title>
+  <link rel="stylesheet" href="/static/css/styles.css">
+</head>
+<body data-page="register">
+  <div class="auth-page">
+    <div class="auth-card">
+      <h1>ROBO-OPS</h1>
+      <p class="auth-subtitle">Регистрация через электронную почту</p>
+      <form id="auth-form" class="auth-form">
+        <div class="form-field">
+          <label for="email">Электронная почта</label>
+          <input type="email" id="email" required placeholder="email@example.com">
+        </div>
+        <div class="form-field">
+          <label for="password">Пароль</label>
+          <input type="password" id="password" required minlength="6" placeholder="Минимум 6 символов">
+        </div>
+        <p class="form-error" id="auth-error"></p>
+        <button type="submit" class="btn btn--primary btn--block">Зарегистрироваться</button>
+      </form>
+      <p class="auth-link">Уже есть аккаунт? <a href="/login">Войти</a></p>
+    </div>
+  </div>
+  <script src="/static/js/api.js"></script>
+  <script src="/static/js/auth.js"></script>
+</body>
+</html>
