/* Pages statiques de la vitrine (about, confidentialité, mentions légales, 404) : sans JavaScript. */
:root { color-scheme: dark; }
body { margin: 0; background: radial-gradient(120% 90% at 50% 0%, #1b0838, #05030d 70%) fixed; color: #f4f1ff; font: 16px/1.6 Manrope, system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 20px 64px; }
h1 { font: 800 clamp(28px, 6vw, 44px)/1.15 Unbounded, system-ui, sans-serif; color: #ff3cac; margin: 0 0 12px; }
h2 { font: 800 19px/1.3 Unbounded, system-ui, sans-serif; color: #39e5ff; margin: 36px 0 8px; }
a { color: #39e5ff; }
.lead { font-size: 18px; color: #d6d0ee; }
.note { font-size: 14px; color: #a49cc4; border-left: 3px solid #ff3cac; padding-left: 12px; }
nav.top { font-size: 14px; margin-bottom: 28px; }
nav.top a { text-decoration: none; }
nav.top .logo { display: block; margin-bottom: 8px; line-height: 0; }
nav.top .logo img { width: 180px; height: auto; margin-left: -10px; }
table { width: 100%; border-collapse: collapse; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px 8px 0; border-bottom: 1px solid rgba(244, 241, 255, 0.12); }
th { color: #a49cc4; font-weight: 600; }
footer { margin-top: 48px; font-size: 14px; color: #a49cc4; }