:root { --nuit: #0b1530; --nuit2: #13244a; --rouge: #a3152a; --or: #d9a84e; --creme: #f4ead8; --encre: #2b1a14; }
* { box-sizing: border-box; }
html { background: #060b1a; min-height: 100%; }
body { margin: 0; font-family: 'Nunito', system-ui, sans-serif; color: var(--creme); line-height: 1.6;
       background: radial-gradient(ellipse at 50% 0%, var(--nuit2) 0%, var(--nuit) 55%, #060b1a 100%) fixed; }
main { max-width: 720px; margin: 0 auto; padding: 28px 16px 60px; }
a { color: var(--or); }
.marque { font-family: 'Great Vibes', cursive; font-size: 1.8em; text-decoration: none; }
h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(2em, 7.5vw, 2.9em); line-height: 1.12; margin: .3em 0 .4em; }
h1 em { font-family: 'Great Vibes', cursive; font-style: normal; font-weight: 400; color: var(--or); font-size: 1.12em; }
h2 { font-family: 'Cormorant Garamond', serif; font-size: 1.6em; line-height: 1.2; color: #f1cf86; margin: 0 0 .4em; }
section { margin-top: 2.2em; }
.intro { font-size: 1.1em; opacity: .92; }
.cta { display: inline-block; text-decoration: none; font-weight: 700; font-size: 1.08em; color: var(--nuit);
       background: linear-gradient(180deg, #f1cf86, var(--or)); padding: .75em 1.5em; border-radius: 999px; box-shadow: 0 8px 24px rgba(0,0,0,.4); }
.cta-haut { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin: 1.2em 0 .4em; }
.cta-haut span { opacity: .75; font-size: .95em; }
.idees { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.idees li { background: linear-gradient(170deg, #fffaf0, var(--creme)); color: var(--encre); border-radius: 12px; padding: 10px 14px 10px 48px;
            position: relative; font-family: 'Cormorant Garamond', serif; font-size: 1.15em; line-height: 1.35; box-shadow: 0 4px 14px rgba(0,0,0,.3); }
.idees .n { position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
                    width: 26px; height: 26px; border-radius: 50%; background: var(--rouge); color: var(--creme);
                    font-family: 'Nunito', sans-serif; font-weight: 700; font-size: .7em; display: flex; align-items: center; justify-content: center; }
.conseils { padding-left: 1.2em; }
.conseils li { margin: .35em 0; }
.encart { background: linear-gradient(135deg, rgba(163,21,42,.35), rgba(29,91,58,.35)); border: 1px solid rgba(217,168,78,.45); border-radius: 16px; padding: 18px; text-align: center; }
.petit { font-size: .95em; opacity: .85; margin-bottom: 0; }
.autres { display: flex; flex-wrap: wrap; gap: 8px; }
.autres a { text-decoration: none; color: var(--creme); border: 1px solid rgba(217,168,78,.5); border-radius: 999px; padding: .45em 1em; }
footer { margin-top: 3em; opacity: .6; font-size: .9em; line-height: 1.9; text-align: center; }
footer a { color: inherit; }