@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@300;400;500;600;700&display=swap";
:root{--primary:#a413ec;--royal-purple:#6b21a8;--deep-charcoal:#0a0a0c;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--deep-charcoal);color:var(--white);font-family:Be Vietnam Pro,sans-serif;overflow:hidden}.page-wrapper{height:100vh;display:flex;position:relative}.main-content{scrollbar-width:none;flex:1;height:100vh;margin-left:110px;margin-right:1.5rem;overflow-y:auto}@media (max-width:900px){.main-content{margin-left:0!important;margin-right:0!important}}.main-content::-webkit-scrollbar{display:none}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3}.glass-dark{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#00000059;border:1px solid #ffffff26}.neon-glow{text-shadow:0 0 10px #a413eccc,0 0 20px #a413ec66}.card-glow{box-shadow:0 0 30px -10px #a413ec40}.mesh-bg{background:radial-gradient(at 0 0,#6b21a84d,#0000 50%),radial-gradient(at 100% 0,#a413ec33,#0000 50%),radial-gradient(at 100% 100%,#6b21a84d,#0000 50%),radial-gradient(at 0 100%,#a413ec33,#0000 50%)}.masonry-grid{column-gap:2rem}@media (min-width:350px){.masonry-grid{column-count:1}}@media (min-width:700px){.masonry-grid{column-count:2}}@media (min-width:1024px){.masonry-grid{column-count:3}}@media (min-width:1600px){.masonry-grid{column-count:4}}.masonry-item{break-inside:avoid;margin-bottom:2rem}