:root{--nuit:#081221;--nuit-2:#0d1b30;--carte:#11233d;--carte-2:#16304f;--glace:#eef6fc;--glace-2:#c9dcec;--brume:#8fa7c0;--aurore:#3ee89a;--aurore-2:#2fd3c6;--violet:#a78bfa;--or:#e5c07b;--rose:#f472b6;--en:#5aa9ff;--ligne:rgba(255,255,255,.09);--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--wrap:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,rgba(124,107,240,.2),transparent 60%),radial-gradient(900px 500px at 10% 4%,rgba(62,232,154,.12),transparent 55%),var(--nuit);color:var(--glace);font-family:var(--sans);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--aurore);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}main{display:block}.site-header{position:sticky;top:0;z-index:50;background:#081221db;backdrop-filter:blur(12px);border-bottom:1px solid var(--ligne)}.site-header .bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0}.brand{font-family:var(--serif);font-weight:600;font-size:1.1rem;color:var(--glace);margin-right:auto;letter-spacing:.2px}.brand b{color:var(--aurore)}.site-nav{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.site-nav a{font-size:.84rem;color:var(--glace-2);padding:6px 11px;border-radius:20px;border:1px solid transparent}.site-nav a:hover{background:var(--carte);color:#fff;text-decoration:none;border-color:var(--ligne)}.lang-switch{font-size:.8rem;font-weight:700;color:#fff;padding:6px 12px;border:1px solid var(--aurore);border-radius:20px}.lang-switch:hover{background:var(--aurore);color:#04120a;text-decoration:none}.hero{padding:60px 0 34px}.kicker{display:inline-block;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--aurore);border:1px solid rgba(62,232,154,.35);padding:5px 12px;border-radius:20px;margin-bottom:18px}h1{font-family:var(--serif);font-size:clamp(2rem,5vw,3.3rem);line-height:1.08;margin:.1em 0 .3em;font-weight:600}.hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--aurore),var(--aurore-2) 40%,var(--violet));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.14rem;color:var(--glace-2);max-width:660px}.btn{display:inline-block;background:var(--aurore);color:#04120a;font-weight:700;padding:10px 20px;border-radius:24px}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn.en{background:var(--en);color:#04122a}section{padding:26px 0}h2{font-family:var(--serif);font-size:clamp(1.4rem,3vw,2rem);margin:24px 0 14px;font-weight:600;color:#fff}h3{font-family:var(--serif);font-size:1.2rem;color:#fff;margin:22px 0 8px}.grid{display:grid;gap:14px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(180deg,var(--carte),var(--nuit-2));border:1px solid var(--ligne);border-radius:16px;padding:18px 20px;display:block;color:inherit}a.card:hover{text-decoration:none;border-color:#3ee89a59;transform:translateY(-2px);transition:.15s}.card .cat-name{font-family:var(--serif);color:#fff;font-size:1.08rem;margin-bottom:3px}.card .cat-blurb{font-size:.86rem;color:var(--brume)}.card .p-date{font-size:.74rem;color:var(--brume);text-transform:uppercase;letter-spacing:.05em}.card .p-title{color:#fff;font-family:var(--serif);font-size:1.02rem;margin:5px 0}.card .p-cat{font-size:.72rem;color:var(--aurore)}.newsletter{background:linear-gradient(120deg,#3ee89a21,#a78bfa21);border:1px solid rgba(62,232,154,.3);border-radius:16px;padding:24px;margin:30px 0}.newsletter h2{margin:0 0 6px}.newsletter p{color:var(--glace-2);margin:0 0 14px}.newsletter form{display:flex;gap:8px;flex-wrap:wrap}.newsletter input{flex:1;min-width:220px;background:var(--nuit);border:1px solid var(--ligne);border-radius:22px;padding:10px 16px;color:var(--glace)}.newsletter button{background:var(--aurore);color:#04120a;font-weight:700;border:none;border-radius:22px;padding:10px 20px;cursor:pointer}.article{max-width:800px;margin:0 auto}.article .eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--aurore);border:1px solid rgba(62,232,154,.35);padding:4px 11px;border-radius:20px}.article .byline{color:var(--brume);font-size:.85rem;margin:10px 0 4px}.prose{font-size:1.02rem}.prose p{margin:0 0 16px}.prose h2{font-size:1.5rem;margin:32px 0 10px}.prose h3{font-size:1.16rem;color:var(--aurore-2);margin:22px 0 6px}.prose ul,.prose ol{padding-left:22px;margin:0 0 18px}.prose li{margin:6px 0;color:var(--glace-2)}.prose blockquote{margin:18px 0;padding:12px 18px;border-left:3px solid var(--violet);background:#a78bfa14;color:var(--glace-2);border-radius:0 10px 10px 0}.prose table{border-collapse:collapse;width:100%;font-size:.92rem;margin:12px 0 22px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--ligne);padding:9px 12px;text-align:left}.prose th{background:var(--carte-2);color:#fff}.prose strong{color:#fff}.answer{background:linear-gradient(180deg,var(--carte),var(--nuit-2));border:1px solid var(--ligne);border-left:3px solid var(--aurore);border-radius:12px;padding:16px 20px;margin:0 0 26px}.cta{background:linear-gradient(120deg,#3ee89a24,#a78bfa24);border:1px solid rgba(62,232,154,.3);border-radius:14px;padding:20px 22px;margin:28px 0}.cta.affiliate{background:linear-gradient(120deg,#5aa9ff24,#3ee89a1f);border-color:#5aa9ff4d}.cta b{color:#fff;font-family:var(--serif);font-size:1.1rem}.cta p{margin:8px 0 0;color:var(--glace-2)}.cta .btn{margin-top:12px}.cta .note{font-size:.72rem;color:var(--brume);margin-top:8px}.site-footer{margin-top:40px;padding:34px 0 60px;border-top:1px solid var(--ligne);color:var(--brume);font-size:.88rem}.site-footer a{color:var(--glace-2)}.site-footer .cols{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:18px}.site-footer .col b{color:#fff;font-family:var(--serif);display:block;margin-bottom:8px}.site-footer .col a{display:block;padding:3px 0}@media (max-width:820px){.grid-3,.grid-2{grid-template-columns:1fr}}
