:root{--accent: #e74cff;--primary: #7c3aed;--secondary: #c026d3;--background: #1e1b4b;--text-main: #f1f5f9;--text-high: #0f172a;--text-sub: #64748b;--text-muted: #cbd5e1;--font-main: system-ui, -apple-system, sans-serif !important}.card-mobile:before,.list-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}:root{--primary: #FF00FF;--primary-light: #FF66FF;--primary-dark: #CC00CC;--secondary: #9C27B0;--secondary-light: #CE93D8;--secondary-dark: #7B1FA2;--white: #FFFFFF;--black: #000000;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--success: #4CAF50;--warning: #FF9800;--error: #F44336;--info: #2196F3;--accent-1: #FF4081;--accent-2: #BA68C8;--accent-3: #EA80FC;--bg-body: #f8fafc;--bg-card: #ffffff;--text-auto: #212121;--text-auto-sub: #424242;--grid-color: rgba(0, 0, 0, .03);--highlight: #FF66FF}[data-theme=dark]{--bg-body: #020617;--text-auto: #f5f5f5;--text-auto-sub: #eeeeee;--bg-card: #0f172a;--grid-color: rgba(255, 255, 255, .03);--highlight: #FF00FF}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-body: #020617;--text-auto: #f5f5f5;--text-auto-sub: #eeeeee;--bg-card: #0f172a;--grid-color: rgba(255, 255, 255, .03)}}button[aria-label="Toggle dark mode"]:hover{opacity:1!important;background:var(--primary)!important;color:var(--white)!important;box-shadow:0 4px 15px #7c3aed4d!important;transform:scale(1.1)!important}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}a{text-decoration:none}body{font-family:var(--font-main);overflow-x:hidden;min-height:100vh;color:var(--text-high);background-color:var(--bg-body);background-image:radial-gradient(at 0% 0%,rgba(255,0,255,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(124,58,237,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(255,0,255,.08) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(124,58,237,.08) 0px,transparent 50%),linear-gradient(to bottom,var(--bg-body),var(--bg-body));background-attachment:fixed;position:relative}body{background-image:radial-gradient(at 0% 0%,rgba(192,38,211,.3) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(147,51,234,.3) 0,transparent 50%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 80%);mask-image:radial-gradient(ellipse at center,black,transparent 80%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none;z-index:0}.segment{position:relative;z-index:10;min-height:100dvh;width:100%;max-width:100%;overflow-x:clip;display:flex;flex-direction:column;padding:2rem}.segment div{position:relative;z-index:3}.container{max-width:1200px;margin:0 auto;width:100%}.wavy-section-tall{position:relative;padding:15rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.wavy-section-tall:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;background:linear-gradient(180deg,var(--secondary) 0%,var(--secondary-dark) 100%);--mask-top: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,50 Q300,0 600,50 T1200,50 L1200,100 L0,100 Z" fill="black"/></svg>');--mask-bottom: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,0 L1200,0 L1200,50 Q900,100 600,50 T0,50 Z" fill="black"/></svg>');-webkit-mask-image:var(--mask-top),var(--mask-bottom),linear-gradient(#000 0 0);mask-image:var(--mask-top),var(--mask-bottom),linear-gradient(#000 0,#000 0);-webkit-mask-position:0 top,0 bottom,0 6.25rem;mask-position:0 top,0 bottom,0 6.25rem;-webkit-mask-size:1200px 6.25rem,1200px 6.25rem,100% calc(100% - 12.5rem);mask-size:1200px 6.25rem,1200px 6.25rem,100% calc(100% - 12.5rem);-webkit-mask-repeat:repeat-x,repeat-x,no-repeat;mask-repeat:repeat-x,repeat-x,no-repeat;animation:waveFlowTall 20s linear infinite}.wavy-section{position:relative;padding:8.8rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}.wavy-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;background:linear-gradient(180deg,var(--secondary) 0%,var(--secondary-dark) 100%);--mask-top: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,50 Q300,0 600,50 T1200,50 L1200,100 L0,100 Z" fill="black"/></svg>');--mask-bottom: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,0 L1200,0 L1200,50 Q900,100 600,50 T0,50 Z" fill="black"/></svg>');-webkit-mask-image:var(--mask-top),var(--mask-bottom),linear-gradient(#000 0 0);mask-image:var(--mask-top),var(--mask-bottom),linear-gradient(#000 0,#000 0);-webkit-mask-position:0 top,0 bottom,0 6.2rem;mask-position:0 top,0 bottom,0 6.2rem;-webkit-mask-size:1200px 6.25rem,1200px 6.25rem,100% calc(100% - 12.4rem);mask-size:1200px 6.25rem,1200px 6.25rem,100% calc(100% - 12.4rem);-webkit-mask-repeat:repeat-x,repeat-x,no-repeat;mask-repeat:repeat-x,repeat-x,no-repeat;animation:waveFlow 20s linear infinite}.wavy-section.with-extra-wave:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-4;width:100%;height:100%;background:linear-gradient(180deg,var(--primary) 0%,var(--secondary) 100%);opacity:.5;--mask-top-2: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,40 Q300,90 600,40 T1200,40 L1200,100 L0,100 Z" fill="black"/></svg>');--mask-bottom-2: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,0 L1200,0 L1200,60 Q900,10 600,60 T0,60 Z" fill="black"/></svg>');-webkit-mask-image:var(--mask-top-2),var(--mask-bottom-2);mask-image:var(--mask-top-2),var(--mask-bottom-2);-webkit-mask-position:0 top,0 bottom;mask-position:0 top,0 bottom;-webkit-mask-size:1200px 8rem,1200px 8rem;mask-size:1200px 8rem,1200px 8rem;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;animation:waveFlowSecondary 15s linear infinite reverse}.shine-hover{position:relative;overflow:hidden;align-items:center;justify-content:center;animation:_pulse 5s ease-in-out 2s infinite;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.shine-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;animation:light-pass 4s ease-in-out 3s infinite;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);pointer-events:none;z-index:2}.shine-hover:hover:before{animation:light-pass .75s ease-in-out forwards}@keyframes light-pass{0%{left:-100%}to{left:200%}}@keyframes _pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes waveFlowTall{0%{-webkit-mask-position:0 top,0 bottom,0 6.25rem;mask-position:0 top,0 bottom,0 6.25rem}to{-webkit-mask-position:1200px top,-1200px bottom,0 6.25rem;mask-position:1200px top,-1200px bottom,0 6.25rem}}@keyframes waveFlow{0%{-webkit-mask-position:0 top,0 bottom,0 6.2rem;mask-position:0 top,0 bottom,0 6.2rem}to{-webkit-mask-position:1200px top,-1200px bottom,0 6.2rem;mask-position:1200px top,-1200px bottom,0 6.2rem}}@keyframes waveFlowSecondary{0%{-webkit-mask-position:0 top,0 bottom;mask-position:0 top,0 bottom}to{-webkit-mask-position:1200px top,-1200px bottom;mask-position:1200px top,-1200px bottom}}@media (max-width: 768px){.wavy-section:before{--mask-top: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 50" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,30 Q300,10 600,30 T1200,30 L1200,50 L0,50 Z" fill="black"/></svg>');--mask-bottom: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 50" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><path d="M0,0 L1200,0 L1200,20 Q900,40 600,20 T0,20 Z" fill="black"/></svg>');-webkit-mask-size:1200px 3rem,1200px 3rem,100% calc(100% - 6rem);mask-size:1200px 3rem,1200px 3rem,100% calc(100% - 6rem);-webkit-mask-position:0 top,0 bottom,0 3rem;mask-position:0 top,0 bottom,0 3rem;animation:waveFlowMobile 10s linear infinite}}@keyframes waveFlowMobile{0%{-webkit-mask-position:0 top,0 bottom,0 3rem;mask-position:0 top,0 bottom,0 3rem}to{-webkit-mask-position:1200px top,-1200px bottom,0 3rem;mask-position:1200px top,-1200px bottom,0 3rem}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translate(0) rotate(0)}50%{transform:translate(-5px,-15px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}@keyframes chromaticLevitationPurple{0%{transform:translateY(0);filter:drop-shadow(0 0 15px rgba(255,0,255,.4))}50%{transform:translateY(-20px);filter:drop-shadow(0 0 30px rgba(255,0,255,.7))}to{transform:translateY(0);filter:drop-shadow(0 0 15px rgba(255,0,255,.4))}}ul{list-style:none}button{cursor:pointer;outline:none;border:none;transition:all .4s cubic-bezier(.4,0,.2,1)}button:hover{transform:scale(1.05)}.bold{font-weight:600}.jojo-effect{position:absolute;width:150px;height:auto;z-index:10000;opacity:0;animation:shake .5s infinite,fadeInOut 3s forwards}@keyframes shine-effect{0%{transform:translate(-100%);opacity:0}50%{opacity:.5}to{transform:translate(250%);opacity:0}}@keyframes flare-animation{0%{transform:scale(.2) rotate(0);opacity:0}20%{opacity:1}50%{transform:scale(1) rotate(180deg);opacity:.8}80%{opacity:0}to{transform:scale(.2) rotate(360deg);opacity:0}}@keyframes rapidSpinBurst{0%{transform:rotateY(0)}15%{transform:rotateY(720deg)}to{transform:rotateY(720deg)}}@keyframes nebulaPulsePurple{0%{opacity:.4;transform:translate(-50%,-50%) scale(.9) rotate(0)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.3) rotate(180deg)}to{opacity:.4;transform:translate(-50%,-50%) scale(.9) rotate(360deg)}}@keyframes badgePulseRotate{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatI1{0%,to{transform:translate(0) rotate(0)}50%{transform:translateY(-4px) rotate(3deg)}}@keyframes floatI2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-2px,-3px) scale(1.05)}}@keyframes floatI3{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes floatI4{0%,to{transform:rotate(0)}33%{transform:rotate(4deg)}66%{transform:rotate(-2deg)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-body);border-left:1px solid var(--grid-color)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:5px;border:2px solid var(--bg-body)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-light),var(--secondary-light))}html{scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg-body)}
