/* Shared by the legal pages: privacy, terms, delete-account. */
@font-face { font-family: Fraunces; src: url(/fonts/Fraunces-SemiBold.ttf) format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: Figtree; src: url(/fonts/Figtree-Regular.ttf) format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: Figtree; src: url(/fonts/Figtree-SemiBold.ttf) format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: Figtree; src: url(/fonts/Figtree-Bold.ttf) format('truetype'); font-weight: 700; font-display: swap; }
:root { --bg:#07110D; --panel:rgba(28,47,39,0.55); --ink:#EDEAE1; --soft:#B4AEA3; --line:rgba(237,234,225,0.14); --mint:#7FCDA4; --gold:#E0B959; --coral:#EE9A8C; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16.5px/1.65 Figtree, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
a { color: var(--mint); }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.skip { position: absolute; left: -999px; top: 8px; z-index: 50; padding: 8px 14px; border-radius: 10px; background: var(--ink); color: var(--bg); font-weight: 700; text-decoration: none; }
.skip:focus { left: 12px; }
.sky { position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(600px 600px at 0% 0%, rgba(31,122,87,0.35), transparent 70%), radial-gradient(500px 500px at 100% 20%, rgba(168,124,28,0.18), transparent 70%); }
nav { position: sticky; top: 0; z-index: 5; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); background: rgba(7,17,13,0.72); border-bottom: 1px solid var(--line); }
nav .in { max-width: 820px; margin: 0 auto; padding: 0 16px; height: 60px; display: flex; align-items: center; gap: 12px; }
.brand { display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-family: Fraunces, Georgia, serif; font-weight: 600; font-size: 21px; }
.brand img { width: 32px; height: 32px; border-radius: 9px; box-shadow: 0 0 20px rgba(224,185,89,0.25); }
.lang { margin-left: auto; display: flex; border: 1px solid rgba(237,234,225,0.22); border-radius: 999px; padding: 3px; }
.lang a { padding: 3px 11px; border-radius: 999px; font-size: 13px; font-weight: 700; color: var(--soft); text-decoration: none; }
.lang a.on { background: var(--ink); color: var(--bg); }
main { max-width: 820px; margin: 0 auto; padding: 36px 16px 72px; }
h1 { font-family: Fraunces, Georgia, serif; font-weight: 600; font-size: clamp(32px, 6vw, 46px); line-height: 1.08; letter-spacing: -0.6px; margin: 8px 0 6px; }
h2 { font-family: Fraunces, Georgia, serif; font-weight: 600; font-size: 23px; margin: 40px 0 10px; }
p, li { color: var(--ink); }
li { margin-bottom: 6px; }
strong { color: #fff; }
.muted { color: var(--soft); font-size: 14px; }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: 20px; padding: 18px 22px; margin: 22px 0; backdrop-filter: blur(10px); }
.card.lead { border-color: rgba(224,185,89,0.35); background: linear-gradient(135deg, rgba(224,185,89,0.10), rgba(95,175,147,0.08)); }
.table { overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); }
table { width: 100%; border-collapse: collapse; font-size: 15px; }
th { color: var(--gold); font-size: 13px; letter-spacing: 1px; text-transform: uppercase; }
th, td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--line); vertical-align: top; }
tr:last-child td { border-bottom: 0; }
label { display: block; font-weight: 700; margin: 16px 0 6px; }
input, textarea { width: 100%; font: inherit; color: var(--ink); background: rgba(237,234,225,0.06); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; }
textarea { min-height: 90px; resize: vertical; }
.check { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0; font-weight: 400; }
.check input { width: 20px; height: 20px; margin-top: 3px; flex: none; }
button.go { margin-top: 10px; padding: 13px 22px; border: 0; border-radius: 12px; font: inherit; font-weight: 700; color: #1A1406; background: linear-gradient(135deg, #F4D68A, var(--gold)); cursor: pointer; }
button.go[disabled] { opacity: 0.6; cursor: default; }
.status { margin-top: 14px; font-weight: 600; }
.status.ok { color: var(--mint); } .status.err { color: var(--coral); }
footer { max-width: 820px; margin: 0 auto; padding: 24px 16px 48px; color: var(--soft); font-size: 14px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 8px 18px; }
footer a { color: var(--mint); text-decoration: none; font-weight: 600; }
body [lang="fr"] { display: none; }
.fr [lang="fr"] { display: block; }
.fr span[lang="fr"], .fr a[lang="fr"] { display: inline; }
.fr [lang="en"] { display: none; }