﻿/* Style commun des pages lÃ©gales fonr.pro */
:root {
  --bg:#0b0d14; --surface:rgba(255,255,255,.045); --border:rgba(255,255,255,.09);
  --text:#eef0f7; --text-2:#9aa0b5; --accent:#6c5ce7; --accent-2:#00cec9;
  --grad:linear-gradient(135deg,#6c5ce7 0%,#4f8cff 55%,#00cec9 100%);
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:var(--bg); color:var(--text); font-size:15.5px; line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a { color:var(--accent-2); text-decoration:none; }
.top {
  border-bottom:1px solid var(--border); padding:18px 24px;
  display:flex; align-items:center; justify-content:space-between;
  position:sticky; top:0; background:rgba(11,13,20,.85); backdrop-filter:blur(14px);
}
.logo { display:flex; align-items:center; gap:10px; font-size:19px; font-weight:800; color:var(--text); }
.logo i {
  width:32px; height:32px; border-radius:9px; background:var(--grad);
  display:grid; place-items:center; color:#fff; font-style:normal; font-size:17px;
}
.logo span { background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.back { font-size:14px; font-weight:600; color:var(--text-2); }
.back:hover { color:var(--text); }
main { max-width:780px; margin:0 auto; padding:60px 24px 90px; }
h1 { font-size:clamp(26px,4vw,36px); letter-spacing:-.5px; margin-bottom:8px; }
.updated { color:var(--text-2); font-size:13px; margin-bottom:40px; }
h2 { font-size:19px; margin:38px 0 12px; letter-spacing:-.3px; }
p, li { color:var(--text-2); margin-bottom:12px; }
ul { padding-left:22px; margin-bottom:12px; }
strong { color:var(--text); }
.todo {
  background:rgba(245,166,35,.09); border:1px solid rgba(245,166,35,.3);
  color:#f5c778; border-radius:12px; padding:14px 18px; font-size:13.5px; margin-bottom:34px;
}
footer { border-top:1px solid var(--border); padding:26px 24px; text-align:center; color:var(--text-2); font-size:13px; }
