/* Style partagé des pages légales Konstat — thème sombre « SaaS tech » */
:root{ --bg:#0A101E; --panel:#121D33; --ink:#EAF0FB; --ink-soft:#9EACC6; --ink-faint:#6B7A98;
  --accent:#E06C38; --accent-ink:#F1854F; --line:#243149; --line-2:#30425F;
  --display:'Space Grotesk',system-ui,sans-serif; --sans:'Manrope',system-ui,sans-serif; --mono:'IBM Plex Mono',monospace; }
*{margin:0;padding:0;box-sizing:border-box;}
body{ background:var(--bg); color:var(--ink); font-family:var(--sans); line-height:1.7; -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(55% 40% at 15% 0,rgba(224,108,56,.12),transparent 60%),radial-gradient(45% 35% at 90% 0,rgba(91,140,255,.10),transparent 65%); background-attachment:fixed; }
a{ color:var(--accent-ink); text-decoration:none; } a:hover{ text-decoration:underline; }
.topbar{ border-bottom:1px solid var(--line); padding:18px 0; background:rgba(10,16,30,.72); backdrop-filter:blur(12px); position:sticky; top:0; z-index:10; }
.wrap{ max-width:820px; margin:0 auto; padding:0 24px; }
.brand{ font-family:var(--display); font-weight:700; font-size:1.3rem; display:flex; align-items:center; gap:10px; color:#fff; }
.brand .mark{ width:13px;height:13px;background:linear-gradient(135deg,var(--accent-ink),var(--accent));transform:rotate(45deg);border-radius:2px;box-shadow:0 0 14px rgba(224,108,56,.6); }
.brand small{ font-family:var(--mono); font-weight:400; font-size:.5rem; color:var(--ink-faint); letter-spacing:.14em; text-transform:uppercase; }
main{ padding:48px 0 80px; }
h1{ font-family:var(--display); font-size:2.2rem; font-weight:600; color:#fff; margin-bottom:8px; }
.updated{ color:var(--ink-soft); font-size:.9rem; margin-bottom:8px; }
.draft{ background:rgba(245,166,35,.12); border:1px solid rgba(245,166,35,.4); color:#F5C066; padding:12px 16px; border-radius:10px; font-size:.88rem; margin:20px 0 32px; }
h2{ font-family:var(--display); font-size:1.35rem; color:#fff; margin:34px 0 12px; }
h3{ font-size:1.05rem; margin:20px 0 8px; color:#fff; }
p, li{ font-size:.98rem; color:var(--ink-soft); margin-bottom:12px; }
strong{ color:#fff; }
ul{ padding-left:22px; }
.back{ display:inline-block; margin-top:40px; font-size:.9rem; }
footer{ border-top:1px solid var(--line); padding:28px 0; font-size:.85rem; color:var(--ink-soft); }
