/* Style partagé des pages légales — chat.olinux.fr (aligné sur l'immersif) */
:root{ --ink:#f3f5ff; --muted:#c3c9e8; --glass:rgba(18,22,44,.62); --line:rgba(255,255,255,.13); --accent:#7c9cff; }
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif; color:var(--ink); background:#141008; overflow-x:hidden; line-height:1.65}
#bg{position:fixed; inset:0; width:100%; height:100%; z-index:0; display:block}
#bgfallback{position:fixed; inset:0; z-index:0;
  background:radial-gradient(60% 50% at 20% 20%,#5a4527 0,transparent 60%),radial-gradient(55% 45% at 80% 30%,#7a5a2a 0,transparent 60%),radial-gradient(70% 60% at 50% 90%,#8a6a3a 0,transparent 60%),#141008}
.wrap{position:relative; z-index:2; max-width:760px; margin:0 auto; padding:40px 22px 70px}
.card{background:var(--glass); border:1px solid var(--line); border-radius:22px; padding:30px 30px 34px; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 20px 60px rgba(0,0,0,.45)}
a.back{display:inline-flex; align-items:center; gap:7px; color:var(--muted); text-decoration:none; font-size:14px; margin-bottom:16px}
a.back:hover{color:var(--accent)}
h1{font-size:26px; margin:0 0 6px; font-weight:800}
.updated{color:var(--muted); font-size:13px; margin:0 0 22px}
h2{font-size:17px; margin:26px 0 8px; color:#cfe0ff}
p,li{font-size:14.5px; color:#dfe3ff}
ul{padding-left:20px}
li{margin:5px 0}
a{color:var(--accent)}
.note{background:rgba(255,204,102,.08); border:1px solid rgba(255,204,102,.28); border-radius:12px; padding:12px 15px; font-size:13.5px; color:#e9dcc0; margin:18px 0}
.todo{color:#ffcc66}
.foot{margin-top:26px; color:var(--muted); font-size:12.5px; text-align:center}
.foot a{margin:0 8px}
input,textarea,select{width:100%; padding:11px 13px; border-radius:11px; border:1px solid var(--line); background:rgba(255,255,255,.06); color:var(--ink); font-size:15px; font-family:inherit; outline:none; margin-bottom:14px}
input:focus,textarea:focus,select:focus{border-color:var(--accent)}
label{display:block; font-size:13px; color:var(--muted); margin:0 0 6px}
button.btn{padding:12px 20px; border:0; border-radius:12px; background:linear-gradient(90deg,#4f6ef7,#7b8cff); color:#fff; font-weight:700; cursor:pointer; font-size:15px}
.ok{color:#4fe0b0} .err{color:#ff6b8a; min-height:18px}