Refactor layout and styles in CSS; remove unused car SVG from assets

static/img/car.svg

@@ -1,102 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 400" class="car-svg">
-<style>
-:root { --accent: #ff0000; --text-muted: #888888; }
-</style>
-<!-- Car body -->
-<rect
-    x="55"
-    y="80"
-    width="90"
-    height="240"
-    rx="30"
-    ry="30"
-    fill="none"
-    stroke="var(--text-muted)"
-    stroke-width="2"
-/>
-<!-- Windshield -->
-<line
-    x1="65"
-    y1="110"
-    x2="135"
-    y2="110"
-    stroke="var(--text-muted)"
-    stroke-width="1.5"
-/>
-<!-- Back view -->
-<line
-    x1="65"
-    y1="290"
-    x2="135"
-    y2="290"
-    stroke="var(--text-muted)"
-    stroke-width="1.5"
-/>
-<!-- Front view camera dot -->
-<circle cx="100" cy="78" r="5" fill="var(--accent)" />
-<!-- Back view camera dot -->
-<circle cx="100" cy="322" r="5" fill="var(--accent)" />
-<!-- Left repeater dot -->
-<circle cx="53" cy="130" r="4" fill="var(--accent)" />
-<!-- Right repeater dot -->
-<circle cx="147" cy="130" r="4" fill="var(--accent)" />
-<!-- Left pillar dot -->
-<circle cx="53" cy="200" r="4" fill="var(--accent)" />
-<!-- Right pillar dot -->
-<circle cx="147" cy="200" r="4" fill="var(--accent)" />
-<!-- Labels -->
-<text
-    x="100"
-    y="68"
-    text-anchor="middle"
-    fill="var(--text-muted)"
-    font-size="9"
->
-    Front
-</text>
-<text
-    x="100"
-    y="342"
-    text-anchor="middle"
-    fill="var(--text-muted)"
-    font-size="9"
->
-    Back
-</text>
-<text
-    x="42"
-    y="134"
-    text-anchor="end"
-    fill="var(--text-muted)"
-    font-size="8"
->
-    L Rep
-</text>
-<text
-    x="158"
-    y="134"
-    text-anchor="start"
-    fill="var(--text-muted)"
-    font-size="8"
->
-    R Rep
-</text>
-<text
-    x="42"
-    y="204"
-    text-anchor="end"
-    fill="var(--text-muted)"
-    font-size="8"
->
-    L Pil
-</text>
-<text
-    x="158"
-    y="204"
-    text-anchor="start"
-    fill="var(--text-muted)"
-    font-size="8"
->
-    R Pil
-</text>
-</svg>