:root{--color-orange:#f5a623;--color-cyan:#4ecdc4;--color-blue:#2ab7ca;--color-black:#121212d9;--color-dark:#0f1219;--color-white:#fff;--ui-glow:0 0 15px #f5a62366;--panel-border:2px solid #ffffff1a;color:var(--color-white);background-color:var(--color-dark);font-family:Inter,system-ui,sans-serif}body{background-color:#10141b;background-image:url(/assets/hero_bg-CAHS8Bxv.png);background-position:top;background-repeat:no-repeat;background-size:contain;background-attachment:fixed;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh}.glass-panel{background:var(--color-black);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--panel-border);border-radius:4px;margin:2rem;padding:2rem;box-shadow:0 8px 32px #000c}.nav-icon-btn{cursor:pointer;color:var(--color-white);opacity:.8;background:0 0;border:none;flex-direction:column;align-items:center;gap:.5rem;transition:transform .2s,filter .2s;display:flex}.nav-icon-btn:hover{opacity:1;filter:drop-shadow(0 0 8px var(--color-orange));transform:scale(1.1)}.nav-icon-btn.active{opacity:1;color:var(--color-orange);filter:drop-shadow(0 0 12px var(--color-orange))}.nav-icon-btn span{text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:900}.nav-container{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-left:4px solid var(--color-orange);background:#0000004d;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1rem;display:grid;position:fixed;bottom:50px;left:50px}.content-area{min-height:80vh;margin-left:400px;padding:4rem 2rem}@media (width<=1024px){.content-area{margin-left:0}.nav-container{width:fit-content;margin:2rem auto;position:static}}h1,h2,h3{text-transform:uppercase;letter-spacing:-1px;margin-top:0;font-family:Arial Black,sans-serif}.badge{background:var(--color-orange);color:#000;margin-right:10px;padding:2px 8px;font-size:.8rem;font-weight:700}