feat(branding): system name/logo, horizontal logo on all pages

public/index.html

@@ -9,7 +9,10 @@
 :root{--bg:#f5f5f5;--card:#fff;--border:#e5e5e5;--accent:#2563eb;--text:#171717;--muted:#737373;--radius:12px}
 body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;padding:24px 16px}
 h1{font-size:1.5rem;font-weight:600;margin-bottom:8px;letter-spacing:-.02em;text-align:center}
-.sub{color:var(--muted);font-size:.85rem;margin-bottom:32px;text-align:center}
+.sub{color:var(--muted);font-size:.85rem;text-align:center}
+.brand-head{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}
+.brand-logo{height:76px;width:auto;max-width:min(46vw,340px);object-fit:contain;flex-shrink:0}
+.brand-text{display:flex;flex-direction:column;align-items:flex-start}
 
 .form{width:100%;max-width:900px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:start}
 @media(max-width:760px){.form{grid-template-columns:1fr;max-width:480px}}
@@ -89,8 +92,13 @@ nav a:hover{color:var(--text)}
 <nav>
   <a href="admin.html">Админка</a>
 </nav>
-<h1 id="title">Что мы узнали на занятии</h1>
-<p class="sub">Отметь, что ты делал(а) на занятии</p>
+<div class="brand-head">
+  <img class="brand-logo" id="brandLogo" alt="" hidden>
+  <div class="brand-text">
+    <h1 id="title">Что мы узнали на занятии</h1>
+    <p class="sub">Отметь, что ты делал(а) на занятии</p>
+  </div>
+</div>
 
 <form class="form" id="form">
   <div class="photo-col">