better design

static/styles.css

@@ -65,7 +65,6 @@ body::before {
 
 /* ─── Header ─── */
 header {
-    padding: 4rem 0 3rem;
     border-bottom: 1px solid var(--border);
     animation: fadeUp 0.6s ease both;
 }
@@ -95,14 +94,15 @@ header {
 }
 
 h1 {
-    font-family: "Syne", sans-serif;
-    font-size: clamp(2.2rem, 4vw, 3.5rem);
+    font-family: "Libre Caslon Text", serif;
+    font-size: clamp(2.5rem, 5vw, 4rem);
     font-weight: 800;
     line-height: 1.05;
     letter-spacing: -0.02em;
 }
 h1 span {
     color: var(--accent);
+    font-size: clamp(2rem, 2.5vw, 3.5rem);
 }
 
 h1--hero {
@@ -552,7 +552,6 @@ input[type="password"] {
     transition:
         border-color 0.2s,
         box-shadow 0.2s;
-    -webkit-appearance: none;
 }
 input[type="text"]:focus,
 input[type="password"]:focus {
@@ -1076,3 +1075,8 @@ main.two-col {
 .attack-table thead th:nth-child(3) {
     width: 40%;
 }
+
+nav .section-label {
+    margin: 0;
+    padding: 0;
+}