.navbar-brand svg{height:2em}#site-header.header{color:var(--color-gray-100);background-color:rgba(0,0,0,.4);position:flex}.site-header,header{position:fixed;top:0;left:0;width:100%;z-index:50;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}nav a{color:inherit;transition:all .3s ease}nav a.active{background:linear-gradient(90deg,violet,blue) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;color:transparent !important}.text-gradient{background:linear-gradient(90deg,violet,#04f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transition:all .3s ease}.text-gradient{background-image:linear-gradient(90deg,#ed3aba,#0658d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.max-w-prose{max-width:100ch}.card{background-color:var(--color-gray-900)}.card p{color:var(--color-gray-500)}body,html{height:auto;min-height:100%;width:100%;margin:0;overflow-x:hidden;position:relative;scroll-behavior:smooth}.full-gradient-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background:linear-gradient(-45deg,#2a0f27,#1e293b,#111827,#0f172a);background-size:400% 400%;animation:gradient-wave 60s ease infinite}@keyframes gradient-wave{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}.gradient-sphere{position:absolute;border-radius:50%;filter:blur(80px);opacity:.7}.sphere-1{width:35vw;height:35vw;background:linear-gradient(40deg,rgba(120,20,115,.7),rgba(50,25,100,.4));top:-10%;left:-10%;animation:float-1 25s ease-in-out infinite alternate}.sphere-2{width:40vw;height:40vw;background:linear-gradient(240deg,rgba(30,0,80,.7),rgba(0,90,150,.4));bottom:-20%;right:-10%;animation:float-2 30s ease-in-out infinite alternate}.sphere-3{width:25vw;height:25vw;background:linear-gradient(120deg,rgba(60,20,120,.5),rgba(50,100,150,.3));top:60%;left:20%;animation:float-3 35s ease-in-out infinite alternate}@keyframes float-1{0%{transform:translate(0,0)scale(1)}100%{transform:translate(10%,10%)scale(1.05)}}@keyframes float-2{0%{transform:translate(0,0)scale(1)}100%{transform:translate(-10%,-5%)scale(1.05)}}@keyframes float-3{0%{transform:translate(0,0)scale(1);opacity:.4}100%{transform:translate(-5%,10%)scale(1.05);opacity:.6}}.glow{position:absolute;width:40vw;height:40vh;background:radial-gradient(circle,rgba(72,0,100,.15),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;animation:pulse 20s infinite alternate;filter:blur(30px)}@keyframes pulse{0%{opacity:.2;transform:translate(-50%,-50%)scale(.95)}100%{opacity:.6;transform:translate(-50%,-50%)scale(1.05)}}.particles-container{position:absolute;inset:0;z-index:-1;pointer-events:none}.particle{position:absolute;background:#fff;border-radius:50%;opacity:0;pointer-events:none;animation:particle-move linear infinite;z-index:-2;opacity:.2}@keyframes particle-move{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100vh);opacity:0}}.powered-by{display:none}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}#tutorial-content p,#tutorial-participants p{text-align:justify;hyphens:auto}#tutorial-content .flex{padding-left:1rem;padding-right:1rem}h1,h2,h3{opacity:.8}.join-btn{background:linear-gradient(90deg,#ed3aba,#0658d4);position:relative;display:inline-block;cursor:not-allowed;border:none}.join-btn:hover{opacity:.4}#tooltip{white-space:nowrap;transition:opacity .2s;opacity:.95;background:#000;padding:15px}