:root{--side:300px;--bg-1:#07182a;--bg-2:#0b223a;--grid-minor:#ffffff0a;--grid-major:#7bd0ff22;--ring:#7bd0ff22;--axis:#98ddff55;--accent:#5fc3ff;--text:#e9f3ff;--muted:#b6c6d8;--shadow-1:0 10px 28px rgba(0,0,0,0.45);--radius:10px;}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}html,body{height:100%;}html{color-scheme:dark;}body{margin:0;font-family:"El Messiri",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:var(--text);background:-o-linear-gradient(180deg,var(--bg-2),var(--bg-1));background:-moz-linear-gradient(180deg,var(--bg-2),var(--bg-1));background:-webkit-linear-gradient(180deg,var(--bg-2),var(--bg-1));background:-ms-linear-gradient(180deg,var(--bg-2),var(--bg-1));background:linear-gradient(180deg,var(--bg-2),var(--bg-1));overflow:hidden;}body::before{content:"";position:fixed;inset:0;background:-o-linear-gradient(90deg,transparent 78%,var(--axis) 78.2%,transparent 78.4%),linear-gradient(0deg,transparent 62%,var(--axis) 62.2%,transparent 62.4%),radial-gradient(circle at 50% 30%,transparent 280px,var(--ring) 281px,transparent 282px,transparent 380px,var(--ring) 381px,transparent 382px,transparent 480px,var(--ring) 481px,transparent 482px,transparent 580px,var(--ring) 581px,transparent 582px),radial-gradient(circle at 22% 58%,transparent 180px,var(--ring) 181px,transparent 182px,transparent 260px,var(--ring) 261px,transparent 262px,transparent 340px,var(--ring) 341px,transparent 342px),linear-gradient(0deg,var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(0deg,var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);background:-moz-linear-gradient(90deg,transparent 78%,var(--axis) 78.2%,transparent 78.4%),linear-gradient(0deg,transparent 62%,var(--axis) 62.2%,transparent 62.4%),radial-gradient(circle at 50% 30%,transparent 280px,var(--ring) 281px,transparent 282px,transparent 380px,var(--ring) 381px,transparent 382px,transparent 480px,var(--ring) 481px,transparent 482px,transparent 580px,var(--ring) 581px,transparent 582px),radial-gradient(circle at 22% 58%,transparent 180px,var(--ring) 181px,transparent 182px,transparent 260px,var(--ring) 261px,transparent 262px,transparent 340px,var(--ring) 341px,transparent 342px),linear-gradient(0deg,var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(0deg,var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);background:-webkit-linear-gradient(90deg,transparent 78%,var(--axis) 78.2%,transparent 78.4%),linear-gradient(0deg,transparent 62%,var(--axis) 62.2%,transparent 62.4%),radial-gradient(circle at 50% 30%,transparent 280px,var(--ring) 281px,transparent 282px,transparent 380px,var(--ring) 381px,transparent 382px,transparent 480px,var(--ring) 481px,transparent 482px,transparent 580px,var(--ring) 581px,transparent 582px),radial-gradient(circle at 22% 58%,transparent 180px,var(--ring) 181px,transparent 182px,transparent 260px,var(--ring) 261px,transparent 262px,transparent 340px,var(--ring) 341px,transparent 342px),linear-gradient(0deg,var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(0deg,var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);background:-ms-linear-gradient(90deg,transparent 78%,var(--axis) 78.2%,transparent 78.4%),linear-gradient(0deg,transparent 62%,var(--axis) 62.2%,transparent 62.4%),radial-gradient(circle at 50% 30%,transparent 280px,var(--ring) 281px,transparent 282px,transparent 380px,var(--ring) 381px,transparent 382px,transparent 480px,var(--ring) 481px,transparent 482px,transparent 580px,var(--ring) 581px,transparent 582px),radial-gradient(circle at 22% 58%,transparent 180px,var(--ring) 181px,transparent 182px,transparent 260px,var(--ring) 261px,transparent 262px,transparent 340px,var(--ring) 341px,transparent 342px),linear-gradient(0deg,var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(0deg,var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);background:linear-gradient(90deg,transparent 78%,var(--axis) 78.2%,transparent 78.4%),linear-gradient(0deg,transparent 62%,var(--axis) 62.2%,transparent 62.4%),radial-gradient(circle at 50% 30%,transparent 280px,var(--ring) 281px,transparent 282px,transparent 380px,var(--ring) 381px,transparent 382px,transparent 480px,var(--ring) 481px,transparent 482px,transparent 580px,var(--ring) 581px,transparent 582px),radial-gradient(circle at 22% 58%,transparent 180px,var(--ring) 181px,transparent 182px,transparent 260px,var(--ring) 261px,transparent 262px,transparent 340px,var(--ring) 341px,transparent 342px),linear-gradient(0deg,var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px),linear-gradient(0deg,var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);-o-background-size:100% 100%,100% 100%,100% 100%,100% 100%,80px 80px,80px 80px,16px 16px,16px 16px;-moz-background-size:100% 100%,100% 100%,100% 100%,100% 100%,80px 80px,80px 80px,16px 16px,16px 16px;-webkit-background-size:100% 100%,100% 100%,100% 100%,100% 100%,80px 80px,80px 80px,16px 16px,16px 16px;-ms-background-size:100% 100%,100% 100%,100% 100%,100% 100%,80px 80px,80px 80px,16px 16px,16px 16px;background-size:100% 100%,100% 100%,100% 100%,100% 100%,80px 80px,80px 80px,16px 16px,16px 16px;pointer-events:none;z-index:0;-moz-opacity:.95;opacity:.95;}body::after{content:"";position:fixed;inset:0;background:-o-radial-gradient(1000px 800px at 50% 100%,rgba(0,0,0,0.45),transparent 60%);background:-moz-radial-gradient(1000px 800px at 50% 100%,rgba(0,0,0,0.45),transparent 60%);background:-webkit-radial-gradient(1000px 800px at 50% 100%,rgba(0,0,0,0.45),transparent 60%);background:-ms-radial-gradient(1000px 800px at 50% 100%,rgba(0,0,0,0.45),transparent 60%);background:radial-gradient(1000px 800px at 50% 100%,rgba(0,0,0,0.45),transparent 60%);pointer-events:none;z-index:0;}.layout{position:relative;z-index:1;display:grid;grid-template-columns:300px 1fr 360px;height:100vh;width:100%;}.sidebar{display:flex;flex-direction:column;border-right:1px solid #ffffff14;padding:20px 0 20px 16px;}.logo{width:200px;height:70px;align-self:center;background:url(/res/xor-logo.png) no-repeat center center;-o-background-size:contain;-moz-background-size:contain;-webkit-background-size:contain;-ms-background-size:contain;background-size:contain;}.nav-zone{position:relative;flex:1;display:flex;justify-content:center;overflow:auto;font-family:"Jura",sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:17px;text-transform:uppercase;letter-spacing:0.06em;}.nav-zone::-webkit-scrollbar{width:8px;}.nav-zone::-webkit-scrollbar-thumb{background:#2b80d4;border-radius:8px;}.nav-zone::-webkit-scrollbar-track{background:#0a2746;}.nav-zone::before{content:"";position:absolute;top:32px;bottom:32px;left:22px;width:2px;background:-o-linear-gradient(180deg,#79d0ff66,#79d0ff22);background:-moz-linear-gradient(180deg,#79d0ff66,#79d0ff22);background:-webkit-linear-gradient(180deg,#79d0ff66,#79d0ff22);background:-ms-linear-gradient(180deg,#79d0ff66,#79d0ff22);background:linear-gradient(180deg,#79d0ff66,#79d0ff22);border-radius:2px;box-shadow:0 0 14px #79d0ff33;pointer-events:none;}#nav{list-style:none;margin-top:-70px;padding:0 0 0 32px;display:flex;flex-direction:column;gap:10px;align-self:center;}.nav-link{position:relative;display:flex;align-items:center;gap:12px;padding:10px;color:var(--text);text-decoration:none;font-weight:600;border-radius:6px;-o-transition:transform .15s ease,opacity .15s ease,background .15s ease,color .15s ease;-moz-transition:transform .15s ease,opacity .15s ease,background .15s ease,color .15s ease;-webkit-transition:transform .15s ease,opacity .15s ease,background .15s ease,color .15s ease;-ms-transition:transform .15s ease,opacity .15s ease,background .15s ease,color .15s ease;transition:transform .15s ease,opacity .15s ease,background .15s ease,color .15s ease;-moz-opacity:.72;opacity:.72;}.nav-link::before{content:"";position:absolute;left:-22px;top:50%;-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:#79d0ff55;box-shadow:0 0 0 0 #79d0ff00;-o-transition:all .15s;-moz-transition:all .15s;-webkit-transition:all .15s;-ms-transition:all .15s;transition:all .15s;}#nav li.active .nav-link{-o-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08);-moz-opacity:1;opacity:1;background:#0c2f51aa;outline:1px solid #81d7ff33;}#nav li.near1 .nav-link{-o-transform:scale(.96);-moz-transform:scale(.96);-webkit-transform:scale(.96);-ms-transform:scale(.96);transform:scale(.96);-moz-opacity:.88;opacity:.88;}#nav li.near2 .nav-link{-o-transform:scale(.92);-moz-transform:scale(.92);-webkit-transform:scale(.92);-ms-transform:scale(.92);transform:scale(.92);-moz-opacity:.78;opacity:.78;}#nav li .nav-link:hover{background:#ffffff0e;color:#fff;}#nav li.active .nav-link::before{background:#79d0ff;box-shadow:0 0 12px 2px #79d0ff88;width:12px;height:12px;}#nav li.near1 .nav-link::before{background:#79d0ff88;}#nav li.near2 .nav-link::before{background:#79d0ff66;}.content{position:relative;overflow:auto;padding:10px 26px 10px 36px;scroll-snap-type:y proximity;scrollbar-gutter:stable;}.content::-webkit-scrollbar{width:10px;}.content::-webkit-scrollbar-track{background:-o-linear-gradient(180deg,#0b1f36,#0a2746);background:-moz-linear-gradient(180deg,#0b1f36,#0a2746);background:-webkit-linear-gradient(180deg,#0b1f36,#0a2746);background:-ms-linear-gradient(180deg,#0b1f36,#0a2746);background:linear-gradient(180deg,#0b1f36,#0a2746);border-left:1px solid #ffffff12;}.content::-webkit-scrollbar-thumb{background:-o-linear-gradient(180deg,#5ec6ff,#2b80d4);background:-moz-linear-gradient(180deg,#5ec6ff,#2b80d4);background:-webkit-linear-gradient(180deg,#5ec6ff,#2b80d4);background:-ms-linear-gradient(180deg,#5ec6ff,#2b80d4);background:linear-gradient(180deg,#5ec6ff,#2b80d4);border:3px solid transparent;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:10px;}.content{scrollbar-width:thin;scrollbar-color:#0c2f51 rgba(10,25,50,0.88);}.content-inner{width:100%;margin:0 auto;}.glass-card{position:relative;background:-o-linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.055));background:-moz-linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.055));background:-webkit-linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.055));background:-ms-linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.055));background:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.055));border-radius:var(--radius);padding:28px;margin:28px 0;box-shadow:var(--shadow-1);backdrop-filter:blur(4px);overflow:hidden;scroll-snap-align:start;}.glass-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:-o-linear-gradient(180deg,rgba(255,255,255,0.55),rgba(255,255,255,0.08));background:-moz-linear-gradient(180deg,rgba(255,255,255,0.55),rgba(255,255,255,0.08));background:-webkit-linear-gradient(180deg,rgba(255,255,255,0.55),rgba(255,255,255,0.08));background:-ms-linear-gradient(180deg,rgba(255,255,255,0.55),rgba(255,255,255,0.08));background:linear-gradient(180deg,rgba(255,255,255,0.55),rgba(255,255,255,0.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}.glass-card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 -30px 50px rgba(0,0,0,0.25);pointer-events:none;}.glass-card{-o-transition:transform .20s ease,background .28s ease,box-shadow .28s ease;-moz-transition:transform .20s ease,background .28s ease,box-shadow .28s ease;-webkit-transition:transform .20s ease,background .28s ease,box-shadow .28s ease;-ms-transition:transform .20s ease,background .28s ease,box-shadow .28s ease;transition:transform .20s ease,background .28s ease,box-shadow .28s ease;}.glass-card:hover{-o-transform:translateY(-2px);-moz-transform:translateY(-2px);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);}.content .glass-card:nth-of-type(2n){background:-o-linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.04));background:-moz-linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.04));background:-webkit-linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.04));background:-ms-linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.04));background:linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.04));}.content .glass-card:nth-of-type(2n)::after{box-shadow:inset 0 -30px 50px rgba(0,0,0,0.18);}.hero-card{padding:44px 44px 38px;background:-o-radial-gradient(600px 260px at 50% 0%,rgba(96,190,255,0.22),transparent 70%),linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.06));background:-moz-radial-gradient(600px 260px at 50% 0%,rgba(96,190,255,0.22),transparent 70%),linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.06));background:-webkit-radial-gradient(600px 260px at 50% 0%,rgba(96,190,255,0.22),transparent 70%),linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.06));background:-ms-radial-gradient(600px 260px at 50% 0%,rgba(96,190,255,0.22),transparent 70%),linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.06));background:radial-gradient(600px 260px at 50% 0%,rgba(96,190,255,0.22),transparent 70%),linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.06));}.sidebar-right{backdrop-filter:blur(4px);background:-o-linear-gradient(180deg,rgba(10,25,50,0.88),rgba(10,25,50,0.72));background:-moz-linear-gradient(180deg,rgba(10,25,50,0.88),rgba(10,25,50,0.72));background:-webkit-linear-gradient(180deg,rgba(10,25,50,0.88),rgba(10,25,50,0.72));background:-ms-linear-gradient(180deg,rgba(10,25,50,0.88),rgba(10,25,50,0.72));background:linear-gradient(180deg,rgba(10,25,50,0.88),rgba(10,25,50,0.72));border-left:1px solid #ffffff14;padding:22px;overflow:auto;}.sidebar-right .compact{padding:16px;}.mini-list{margin:10px 0 0;padding:0;list-style:none;}.mini-list li{margin:6px 0;}.mini-list a{color:var(--muted);text-decoration:none;}.mini-list a:hover{color:#fff;}.sidebar-right.gutter{background:transparent;backdrop-filter:none;border-left:none;padding:0 24px;overflow:visible;position:relative;}.sidebar-right.gutter::before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:-o-linear-gradient(180deg,#ffffff22,#ffffff08);background:-moz-linear-gradient(180deg,#ffffff22,#ffffff08);background:-webkit-linear-gradient(180deg,#ffffff22,#ffffff08);background:-ms-linear-gradient(180deg,#ffffff22,#ffffff08);background:linear-gradient(180deg,#ffffff22,#ffffff08);box-shadow:0 0 16px #79d0ff22;pointer-events:none;}.sidebar-right .dock{position:sticky;display:grid;gap:16px;}.sidebar-right .glass-card.compact{box-shadow:0 8px 24px rgba(0,0,0,0.35);}#bg-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;-moz-opacity:0.95;opacity:0.95;}.layout{position:relative;z-index:1;}@media (prefers-reduced-motion:reduce){#bg-canvas{display:none;}}:root{--axis:transparent;}