:root { color-scheme: light dark; --bg:#efe7dc; --card:#fffaf3; --ink:#2c211b; --muted:#76685e; --blue:#164d9b; }
@media (prefers-color-scheme: dark) { :root { --bg:#17110d; --card:#271d17; --ink:#f7f0e8; --muted:#b9a99b; --blue:#5b9cf2; } }
* { box-sizing: border-box; }
body { margin:0; padding:48px 20px; background:var(--bg); color:var(--ink); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
header, main { max-width:700px; margin:0 auto; }
header { text-align:center; margin-bottom:36px; }
h1 { margin:16px 0 4px; font-size:clamp(2rem,7vw,3rem); letter-spacing:-.03em; }
header p { margin:0; color:var(--muted); }
.plate { display:flex; align-items:center; width:180px; height:76px; margin:auto; overflow:hidden; border:4px solid #222; border-radius:10px; background:#fff; color:#111; box-shadow:0 8px 20px #0004; font-size:44px; }
.eu { display:grid; place-items:center; align-self:stretch; width:40px; background:var(--blue); color:#fff; font-size:21px; font-weight:700; }
.plate strong { flex:1; font-size:52px; letter-spacing:.08em; }
section { margin-bottom:22px; padding:28px 30px; border-radius:18px; background:var(--card); box-shadow:0 2px 10px #0001; }
h2 { margin:0 0 12px; font-size:1.4rem; }
.lead { color:var(--blue); font-weight:700; }
ul { padding-left:22px; }
li { margin:9px 0; }
a { color:var(--blue); }