/* VALORISLAB — Interface mobile, sans dépendances externes. */
:root { color-scheme: dark; --bg:#141615; --panel:#202120; --line:#484339; --gold:#d9c197; --gold-dark:#b39866; --fg:#f6f1e8; --muted:#bfb9aa; }
* {box-sizing:border-box}
html {min-height:100%;background:var(--bg)}
body {margin:0;min-height:100svh;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--fg);background:radial-gradient(ellipse 94% 54% at 50% 2%, #33302b 0%,#191a19 66%,#141615 100%);}
.wrap {min-height:100svh;display:flex;align-items:center;justify-content:center;padding:24px 17px 34px}
.panel {width:min(100%,480px);border:1px solid rgba(218,192,148,.28);border-radius:26px;box-shadow:0 16px 65px rgba(0,0,0,.35);background:linear-gradient(160deg,rgba(43,42,39,.93),rgba(27,29,28,.98));padding:26px clamp(21px,5.2vw,34px) 24px;text-align:center}
.brand {width:min(98%,328px);height:auto;display:block;margin:0 auto 8px}
.eyebrow {font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:0 0 12px}
h1 {font-size:clamp(25px,6vw,31px);letter-spacing:-.03em;line-height:1.18;margin:0 0 12px;font-weight:690}
.lead {color:var(--muted);font-size:15px;line-height:1.65;margin:0 0 25px}
.action {display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:14px 22px;border:1px solid #e7d1a4;border-radius:14px;background:linear-gradient(130deg,#e7d1a4,#bd9e6e);color:#211c15;font-size:16px;font-weight:760;text-decoration:none;cursor:pointer;box-shadow:0 5px 20px rgba(194,161,108,.18)}
.action:focus-visible,.secondary:focus-visible,.guide-toggle:focus-visible {outline:3px solid white;outline-offset:4px}
.action:hover {filter:brightness(1.055)}
.secondary {display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);border-radius:13px;margin-top:12px;padding:13px 14px;min-height:51px;color:var(--fg);font-size:14px;background:rgba(255,255,255,.02)}
.hint {font-size:12px;line-height:1.55;color:var(--muted);margin:16px 5px 0}
.guide {text-align:left;margin-top:20px;padding:19px;border:1px solid rgba(217,193,151,.28);border-radius:15px;background:rgba(12,14,13,.42)}
.guide[hidden] {display:none!important}
.guide h2 {font-size:17px;font-weight:650;color:var(--gold);margin:0 0 12px}
.guide ol {padding-left:22px;margin:0;line-height:1.65;color:var(--fg);font-size:14px}
.guide li + li {margin-top:9px}
.note {font-size:12px;line-height:1.6;color:var(--muted);margin:13px 0 0}
.guide-toggle {background:none;color:var(--gold);border:none;text-decoration:underline;text-underline-offset:3px;padding:12px 5px 4px;font-size:13px;cursor:pointer}
.privacy {margin:21px 0 0;font-size:11px;color:#a79f90;line-height:1.45}
@media (max-width:360px) {.panel {padding:20px 16px}.brand{max-width:260px}}
@media (prefers-reduced-motion:reduce) {*,*::before,*::after {scroll-behavior:auto!important;transition:none!important}}