:root{--bg-dark:#0f1115;--text-light:#fff;--text-muted:#e4e4e4;--color-blue:#38bdf8;--color-blue-glow:#38bff821;--color-orange:#f97316;--color-orange-glow:#f9731633;--color-purple:#c084fc;--color-purple-glow:#c084fc33}*{box-sizing:border-box;margin:0;padding:0}body{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-color:var(--bg-dark);color:var(--text-light);background-image:linear-gradient(#0f111599,#0f1115e6),url(/Background.png);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}.gradient-title{background:linear-gradient(to right, #fff, var(--text-muted));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.glass-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14161bbf;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:60px;padding:40px}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.bento-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14161b99;border-radius:16px;padding:30px;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:block}.bento-card:hover{transform:translateY(-5px)}.home-container{max-width:1600px;margin:0 auto;padding:40px 20px}.header-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0f1115cc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:25px 40px;display:flex;position:sticky;top:0}.hero-section{text-align:center;max-width:900px;margin:0 auto;padding:60px 20px 70px}.hero-title{color:#fff;margin-bottom:20px;font-size:3.5rem;font-weight:700;line-height:1.2}.hero-subtitle{color:var(--text-muted);font-size:1.25rem;line-height:1.6}.pop-panel{box-sizing:border-box;width:100%;padding:40px}.pop-center-panel{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:60vh;display:flex}.pop-title{text-align:center;margin-bottom:15px;font-size:2.8rem}.pop-title-content{text-align:left;margin-bottom:25px;font-size:2.2rem}.app-body{align-items:flex-start;gap:30px;width:100%;max-width:1600px;margin:0 auto;padding:20px;display:flex}.sidebar{flex-shrink:0;width:320px;padding:30px 25px;position:sticky;top:20px}.main-content{flex-direction:column;flex-grow:1;min-width:0;display:flex}.main-content .glass-panel{box-sizing:border-box;width:100%;margin:0 0 60px}.sidebar-nav ul{margin:0;padding:0;list-style:none!important}.sidebar-nav li:before{content:none!important}.mod-link{color:#fff;word-break:break-word;border-left:3px solid #0000;border-radius:8px;padding:8px 12px;font-size:.95rem;text-decoration:none;transition:all .2s;display:block}.mod-link:hover{border-left:3px solid var(--text-muted);background:#ffffff0d}.mod-link.active{background:var(--color-blue-glow);border-left:3px solid var(--color-blue);color:var(--color-blue);font-weight:600}@media (width<=992px){.sidebar{width:280px;padding:25px 20px}}@media (width<=768px){.app-body{flex-direction:column;gap:20px;padding:15px}.header-main{text-align:center;flex-direction:column;gap:10px;padding:15px 20px}.sidebar{width:100%;margin-bottom:10px;padding:20px;position:relative;top:0}.hero-section{padding:40px 15px 50px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.bento-grid{gap:20px}.glass-panel,.pop-panel,.bento-card{padding:20px!important}.pop-title{font-size:2rem}.pop-title-content{text-align:center;font-size:1.8rem}.submodule-card{padding:15px!important}}