:root{--bg:#0B0B0C;--bg2:#0F0F10;--panel:#161618;--line:rgba(255,255,255,.08);--orange:#FF5A00;--fg:#f5f5f6;--mut:#9a9aa2;--surf:rgba(255,255,255,.04);--body-fg:#d4d4d8;--display:'Orbitron',system-ui,sans-serif;--body:'Inter',system-ui,-apple-system,sans-serif;color-scheme:dark}
/* Light mode — stessa chiave `outr_theme` dell'app e della landing. */
html[data-theme="light"]{--bg:#ffffff;--bg2:#f8fafc;--panel:#ffffff;--line:rgba(15,23,42,.10);--fg:#0f172a;--mut:#5b6472;--surf:rgba(15,23,42,.03);--body-fg:#273243;color-scheme:light}
html,body{transition:background-color .25s ease,color .25s ease}
.theme-btn{background:var(--surf);border:1px solid var(--line);color:var(--mut);padding:8px 13px;border-radius:999px;font-size:13px;cursor:pointer;font-family:var(--body);margin-left:8px}
.theme-btn:hover{color:var(--fg);border-color:rgba(255,90,0,.4)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font-family:var(--body);line-height:1.72;-webkit-font-smoothing:antialiased}
a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:860px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;z-index:30;background:var(--bg);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:1180px;margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:800;font-size:15px;color:var(--fg)}
.brand:hover{text-decoration:none}
.dot{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px var(--orange)}
.brand .o{color:var(--orange)}
.lang-btn{background:var(--surf);border:1px solid var(--line);color:var(--mut);padding:8px 13px;border-radius:999px;font-size:13px;cursor:pointer;font-family:var(--body)}
.lang{position:relative}
.lang-menu{display:none;position:absolute;right:0;top:46px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px;max-height:min(62vh,430px);overflow:auto;width:190px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.lang-menu.open{display:block}
.lang-menu button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--mut);padding:9px 12px;border-radius:9px;font-size:13.5px;cursor:pointer;font-family:var(--body)}
.lang-menu button:hover{background:rgba(255,90,0,.1);color:var(--fg)}
.lang-menu button[aria-current="true"]{color:var(--orange);font-weight:600}
main{padding:62px 0 90px}
h1{font-family:var(--display);font-size:clamp(26px,4vw,40px);font-weight:800;margin-bottom:10px;letter-spacing:-.4px}
.upd{color:var(--mut);font-size:13.5px;margin-bottom:34px}
.notice{border:1px solid rgba(255,90,0,.3);background:rgba(255,90,0,.07);border-radius:14px;padding:16px 20px;font-size:14px;color:var(--mut);margin-bottom:38px}
h2{font-family:var(--display);font-size:19px;font-weight:600;margin:40px 0 12px;padding-top:18px;border-top:1px solid var(--line)}
h3{font-size:16px;font-weight:600;margin:22px 0 8px}
p,li{color:var(--body-fg);font-size:15.3px}
ul,ol{margin:12px 0 12px 22px;display:flex;flex-direction:column;gap:7px}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.3px}
th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--surf);font-weight:600;color:var(--fg)}
footer{border-top:1px solid var(--line);background:var(--bg2);padding:34px 0;font-size:13px;color:var(--mut)}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1180px}
footer a{color:var(--mut)}footer a:hover{color:var(--orange)}
.hidden{display:none}
