Красявости

login.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Вход</title>
+    <link rel="stylesheet" href="css/auth.css">
     <style>
         :root {
             color-scheme: light;
@@ -67,18 +68,6 @@
             border-color: var(--accent);
             box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
         }
-        button {
-            width: 100%;
-            padding: 10px 12px;
-            border: none;
-            border-radius: 8px;
-            background: var(--accent);
-            color: #fff;
-            font-size: 15px;
-            cursor: pointer;
-            transition: background 0.2s;
-        }
-        button:hover { background: var(--accent-dark); }
         .helper {
             margin-top: 14px;
             font-size: 12px;
@@ -100,7 +89,7 @@
                 <label for="password">Пароль</label>
                 <input id="password" type="password" name="password" placeholder="Введите пароль" required autocomplete="current-password">
             </div>
-            <button type="submit">Войти</button>
+            <button class="btn-primary" type="submit">Войти</button>
         </form>
         <div class="helper">Доступ только для зарегистрированных пользователей</div>
     </div>