/* Pages annexes du site (404, installer, merci, mentions légales) : thème ambre-nuit, fontes auto-hébergées. */
:root{--bg:#0B0D12;--bg2:#13161F;--card:#171B25;--acc:#F5B642;--accs:#FFD27A;--txt:#F3ECDD;--dim:#A8A18D;--faint:#948D7C;--hair:#242938}
*{box-sizing:border-box;margin:0;padding:0}
body{background:linear-gradient(180deg,var(--bg2),var(--bg) 40%);color:var(--txt);font-family:"Instrument Sans",system-ui,sans-serif;line-height:1.65;min-height:100vh;font-size:16.5px}
.wrap{max-width:720px;margin:0 auto;padding:28px 20px 60px}
.brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px;gap:16px}
.brand a{color:var(--acc);text-decoration:none;font-weight:700;letter-spacing:.42em;font-size:13px;display:flex;align-items:center;gap:10px}
.brand .tag{color:var(--dim);font-size:13px;text-align:right}
h1{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:32px;line-height:1.12;letter-spacing:-.01em;margin:6px 0 10px}
h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:21px;margin:28px 0 8px}
.rub{color:var(--acc);font-size:11.5px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;font-family:"Spline Sans Mono",ui-monospace,monospace}
p{margin:10px 0}
a{color:var(--accs)}
.dim{color:var(--dim)}
.card{background:var(--card);border:1px solid var(--hair);border-radius:18px;padding:22px 22px 18px;margin:16px 0}
.cta{display:inline-block;background:var(--acc);color:#1A1302;text-decoration:none;font-weight:700;border-radius:999px;padding:13px 24px;font-size:16px;margin:8px 0}
.cta:hover{background:var(--accs)}
.notify{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.notify input{flex:1 1 220px;min-width:0;background:var(--bg);border:1px solid var(--hair);color:var(--txt);border-radius:999px;padding:13px 18px;font:inherit;font-size:16px}
.notify input::placeholder{color:var(--faint)}
.notify input:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px rgba(245,182,66,.18)}
.notify .btn{background:var(--acc);color:#1A1302;border:none;border-radius:999px;padding:13px 22px;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.notify .btn:hover{background:var(--accs)}
.form-note{color:var(--faint);font-size:13.5px;margin-top:10px}
.form-note.ko{color:#F19A8B}
.notify-done{background:rgba(245,182,66,.08);border:1px solid rgba(245,182,66,.32);border-radius:16px;padding:14px 18px;margin-top:14px}
.notify-done .done-line{font-weight:600}
.notify-done .done-q{color:var(--dim);font-size:14.5px;margin-top:6px}
.notify-done button{background:transparent;border:1px solid var(--hair);color:var(--txt);border-radius:999px;padding:6px 14px;font:inherit;font-size:14px;cursor:pointer;margin-left:4px}
.notify-done button:hover{border-color:var(--acc)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.steps{counter-reset:s;list-style:none;margin:14px 0}
.steps li{position:relative;padding-left:44px;margin:14px 0}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:50%;background:var(--acc);color:#1A1302;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
ul.plain{padding-left:1.2em}ul.plain li{margin:.35em 0}
.foot{color:var(--dim);font-size:12.5px;margin-top:38px;border-top:1px solid var(--hair);padding-top:14px}
.foot a{color:var(--dim)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
@media (max-width:480px){.brand .tag{display:none}}