From af2786155b7f32f7a5d01d069159053ddd7abf50 Mon Sep 17 00:00:00 2001
From: Eduardo Ferro Aldama <eferro@eferro.net>
Date: Sat, 1 Nov 2025 23:58:12 +0100
Subject: [PATCH] Simplify page background and polish sections

---
 style.css | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/style.css b/style.css
index 5a0ae6b..8de0d2d 100644
--- a/style.css
+++ b/style.css
@@ -16,9 +16,7 @@ html, body { height: 100%; }
 body {
   margin: 0;
   font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
-  background: radial-gradient(1200px 800px at 20% -10%, #1a2458 0%, transparent 60%),
-              radial-gradient(900px 600px at 120% 10%, #27406d 0%, transparent 60%),
-              var(--bg);
+  background: var(--bg);
   color: var(--text);
   line-height: 1.6;
 }
@@ -52,6 +50,24 @@ body {
   gap: 24px;
 }
 
+.section {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  background: var(--panel);
+  border: 1px solid var(--border);
+  border-radius: 20px;
+  padding: 24px;
+  box-shadow: 0 20px 40px rgba(3, 6, 15, 0.55);
+}
+
+.section-title {
+  margin: 0;
+  font-size: 20px;
+  font-weight: 700;
+  letter-spacing: -0.01em;
+}
+
 @media (min-width: 640px) {
   .links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 }
@@ -74,7 +90,7 @@ body {
   position: relative;
   box-shadow: 0 8px 20px var(--shadow);
   transition: transform 140ms ease, background 140ms ease, border-color 140ms ease;
-  margin-bottom: 16px;
+  margin: 0;
 }
 
 .card a {