@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Syne:wght@400;500;600;700;800&display=swap";html,body{overflow-x:hidden;width:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;scroll-behavior:smooth}body{background:#050805;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--or: #c9a84c;--or-light: #f0d060;--or-dark: #8b6820;--or-glow: rgba(201,168,76,.15);--or-subtle: rgba(201,168,76,.06);--vert: #5a9a6a;--bleu: #4a9aba;--rouge: #c0392b;--bg: #050805;--bg2: #0a110a;--bg3: #0f1a0f;--txt: #f0e8d0;--txt-muted: rgba(240,232,208,.5);--txt-faint: rgba(240,232,208,.2);--border: rgba(201,168,76,.12);--border-h: rgba(201,168,76,.25);--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Syne", system-ui, sans-serif;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--shadow-or: 0 0 40px rgba(201,168,76,.08);--shadow-card: 0 4px 24px rgba(0,0,0,.4)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c9a84c73}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(2.4);opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulse-ring{0%{box-shadow:0 0 #c9a84c66}70%{box-shadow:0 0 0 10px #c9a84c00}to{box-shadow:0 0 #c9a84c00}}@keyframes logoGrow{0%{opacity:0;transform:scale(.3) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.card{background:linear-gradient(145deg,#c9a84c0d,#050805cc);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card);transition:border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,168,76,.03) 0%,transparent 60%);pointer-events:none}.card:hover{border-color:var(--border-h);box-shadow:var(--shadow-card),0 0 30px #c9a84c0f}.btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#c9a84c2e,#c9a84c14);border:1px solid rgba(201,168,76,.4);color:var(--or-light);border-radius:var(--r-sm);font-family:var(--font-sans);font-weight:600;font-size:12px;letter-spacing:.06em;cursor:pointer;padding:9px 18px;white-space:nowrap;transition:all .25s ease;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 50%);pointer-events:none}.btn:hover:not(:disabled){background:linear-gradient(135deg,#c9a84c47,#c9a84c24);border-color:#c9a84ca6;box-shadow:0 4px 20px #c9a84c38,0 0 0 1px #c9a84c1a;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn-danger{background:linear-gradient(135deg,#c0392b2e,#c0392b14);border-color:#c0392b66;color:#e87060}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c0392b47,#c0392b24);border-color:#c0392ba6;box-shadow:0 4px 20px #c0392b33}.tab{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;cursor:pointer;font-family:var(--font-sans);font-weight:500;font-size:12px;letter-spacing:.04em;padding:7px 14px;border-radius:var(--r-sm);color:#c9a84c61;transition:all .2s ease;white-space:nowrap}.tab.on{background:#c9a84c1a;color:var(--or);border-color:#c9a84c38;box-shadow:inset 0 1px #c9a84c1a}.tab:hover:not(.on){color:#c9a84cb8;background:#c9a84c0f}.slider{-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;outline:none;cursor:pointer;width:100%;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;cursor:pointer;box-shadow:0 0 6px #c9a84c80;transition:transform .15s}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.upload{border:1.5px dashed rgba(201,168,76,.2);border-radius:var(--r-md);padding:28px 20px;text-align:center;cursor:pointer;background:#c9a84c05;display:block;width:100%;transition:all .3s ease}.upload:hover{border-color:#c9a84c80;background:#c9a84c0d;box-shadow:0 0 20px #c9a84c0f}.badge{display:inline-flex;align-items:center;gap:4px;background:#c9a84c12;border:1px solid rgba(201,168,76,.16);border-radius:20px;padding:3px 10px;font-size:10px;font-family:var(--font-sans);color:#c9a84cbf;font-weight:600;white-space:nowrap;flex-shrink:0;letter-spacing:.04em}.page{width:100%;max-width:1920px;margin:0 auto;padding:24px 28px 60px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.badges{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:20px;-ms-overflow-style:none;scrollbar-width:none}.badges::-webkit-scrollbar{display:none}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.side-col{display:flex;flex-direction:column;gap:16px;min-width:0}.gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.hist-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vision-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.nav-tabs{display:flex;gap:4px}.burger{display:none;background:#c9a84c14;border:1px solid rgba(201,168,76,.2);border-radius:var(--r-sm);color:var(--or);padding:8px 12px;cursor:pointer;font-size:16px;line-height:1;transition:all .2s}.burger:hover{background:#c9a84c24}.stat-card{position:relative;overflow:hidden;padding:20px 22px;min-height:110px;display:flex;flex-direction:column;justify-content:space-between}.stat-card-value{font-family:var(--font-serif);font-size:48px;font-weight:700;line-height:1;letter-spacing:-.02em}.stat-card-label{font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#c9a84c66;margin-bottom:6px}.stat-card-sub{font-family:var(--font-sans);font-size:10px;color:#f0e8d040;margin-top:5px}.stat-card-icon{position:absolute;top:16px;right:18px;font-size:26px;opacity:.7;animation:float 4s ease-in-out infinite}.stat-card-line{position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:0 0 var(--r-lg) var(--r-lg)}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.section-title{font-family:var(--font-serif);font-size:22px;font-weight:600;color:var(--txt);letter-spacing:.02em}.section-sub{font-family:var(--font-sans);font-size:11px;color:var(--txt-muted);margin-top:2px}.divider{height:1px;background:linear-gradient(to right,transparent,rgba(201,168,76,.2),transparent);margin:20px 0}.chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-sans);font-size:11px;font-weight:500;padding:4px 12px;border-radius:20px;letter-spacing:.03em}.chip-or{background:#c9a84c1a;color:var(--or);border:1px solid rgba(201,168,76,.2)}.chip-vert{background:#5a9a6a1a;color:#7ecf8e;border:1px solid rgba(90,154,106,.2)}.chip-bleu{background:#4a9aba1a;color:#7ec8e0;border:1px solid rgba(74,154,186,.2)}.chip-rouge{background:#c0392b1a;color:#e87060;border:1px solid rgba(192,57,43,.2)}@media(max-width:1400px){.page{padding:20px 20px 50px}.stat-card-value{font-size:40px}}@media(max-width:1200px){.main-grid{grid-template-columns:1fr}.side-col{flex-direction:row;flex-wrap:wrap}.side-col>*{flex:1 1 280px;min-width:0}}@media(max-width:960px){.stats{grid-template-columns:repeat(2,1fr);gap:12px}.vision-grid{grid-template-columns:1fr}.nav-tabs{display:none}.burger{display:block}.page{padding:16px 16px 40px}.stat-card-value{font-size:36px}.nav-lang,.nav-culture,.nav-status,.nav-title-sub{display:none!important}.nav-bar{padding:0 16px!important;gap:8px!important}}@media(max-width:480px){.nav-bar{padding:0 12px!important}}@media(max-width:768px){.webcam-grid{grid-template-columns:1fr!important}}@media(max-width:640px){.stats{grid-template-columns:repeat(2,1fr);gap:10px}.gauges{grid-template-columns:repeat(2,1fr)}.sliders,.hist-grid{grid-template-columns:1fr}.stat-card{padding:16px;min-height:90px}.stat-card-value{font-size:32px}.page{padding:12px 12px 32px}}@media(max-width:400px){.stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card-value{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}