:root{--brainicon-navy:#0d0d1a;--brainicon-purple:#1a1a2e;--brainicon-cyan:#00e6e6;--storio-blue:#35a0ce;--storio-teal:#2e7177;--storio-cyan:#00e6e6;--glass-bg:hsla(0,0%,100%,.08);--glass-border:rgba(0,230,230,.2)}.storio-public-body{color:#fff;background:#0d0d1a;background-image:radial-gradient(at 20% 30%,rgba(0,230,230,.08) 0,transparent 50%),radial-gradient(at 80% 70%,rgba(26,26,46,.6) 0,transparent 50%),radial-gradient(at 40% 80%,rgba(0,230,230,.05) 0,transparent 50%);font-family:var(--font-body,var(--font-poppins),"Poppins",system-ui,-apple-system,sans-serif);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;min-height:100vh}.storio-public-body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1;mix-blend-mode:overlay}@keyframes mesh-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50%,50%) scale(1.2)}}@keyframes mesh-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30%,30%) scale(1.1)}}@keyframes mesh-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20%,-40%) scale(1.15)}}.gradient-mesh{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;mix-blend-mode:screen}.mesh-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,230,230,.4) 0,transparent 70%);top:-10%;left:-10%;animation:mesh-1 20s ease-in-out infinite}.mesh-2{width:500px;height:500px;background:radial-gradient(circle,rgba(26,26,46,.8) 0,transparent 70%);bottom:-10%;right:-10%;animation:mesh-2 25s ease-in-out infinite}.mesh-3{width:400px;height:400px;background:radial-gradient(circle,rgba(0,230,230,.3) 0,transparent 70%);top:40%;right:20%;animation:mesh-3 30s ease-in-out infinite}.storio-public-body ::-webkit-scrollbar{width:8px;height:8px}.storio-public-body ::-webkit-scrollbar-track{background:#0a1628}.storio-public-body ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--storio-cyan),var(--storio-blue));border-radius:4px}.storio-public-body ::-webkit-scrollbar-thumb:hover{background:var(--storio-cyan)}.glass-card{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 32px 0 rgba(0,0,0,.37),inset 0 1px 0 0 hsla(0,0%,100%,.1)}.glass-nav{background:linear-gradient(135deg,rgba(10,22,40,.8),rgba(5,8,18,.9));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 24px rgba(0,0,0,.2)}.glass-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-hover:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.08));border-color:rgba(53,160,206,.4);transform:translateY(-2px);box-shadow:0 12px 40px 0 rgba(0,0,0,.5),0 0 0 1px rgba(53,160,206,.2)}.gradient-text{background:linear-gradient(135deg,#00e6e6,#35a0ce 50%,#00e6e6);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;animation:gradient-shift 8s ease infinite}.gradient-text,.gradient-text-alt{-webkit-text-fill-color:transparent}.gradient-text-alt{background:linear-gradient(90deg,#fff,#00e6e6);-webkit-background-clip:text;background-clip:text}.glow-cyan{box-shadow:0 0 20px rgba(0,217,255,.3),0 0 40px rgba(0,217,255,.2),0 0 60px rgba(0,217,255,.1)}.glow-blue{box-shadow:0 0 20px rgba(53,160,206,.3),0 0 40px rgba(53,160,206,.2)}.glow-hover{transition:all .3s ease}.glow-hover:hover{box-shadow:0 0 30px rgba(0,217,255,.5),0 0 60px rgba(0,217,255,.3),0 0 90px rgba(0,217,255,.2)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(-10px) rotate(-2deg)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 20px rgba(0,217,255,.4)}50%{opacity:.8;box-shadow:0 0 40px rgba(0,217,255,.6)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.particles-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;background:radial-gradient(circle,rgba(0,217,255,.8) 0,transparent 70%);border-radius:50%;animation:float 15s ease-in-out infinite}.card-lift{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-lift:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(53,160,206,.2),0 0 40px rgba(53,160,206,.2)}.border-textured{position:relative}.border-textured:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(0,217,255,.5),rgba(53,160,206,.3),rgba(46,113,119,.5));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}