.creator-section{z-index:1000;flex-direction:column;align-items:center;gap:15px;display:flex;position:fixed;top:20px;left:20px}.contact-section{z-index:1000;flex-direction:column;align-items:center;gap:15px;display:flex;position:fixed;top:20px;right:20px}.moon-img,.logo-img{filter:drop-shadow(0 0 10px #ffffff80);border:2px solid #0000;border-radius:50%;width:120px;height:auto;transition:all .3s;animation:4s ease-in-out infinite alternate moonPulse}.moon-img:hover,.logo-img:hover{filter:drop-shadow(0 0 20px #00fff9);cursor:pointer;border-color:#00fff9;transform:scale(1.15);box-shadow:0 0 15px #00fff980}@keyframes moonPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.neon-button{color:red;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 5px red,0 0 10px red;background:#000c;border:1px solid red;border-radius:3px;gap:.05em;padding:8px 15px;font-family:Orbitron,sans-serif;font-size:.8rem;text-decoration:none;transition:all .3s;display:flex;overflow:hidden;transform:scale(.8);box-shadow:0 0 5px #ff000080}.neon-button:hover{color:#fff;text-shadow:0 0 2px #fff;background:red;border-color:#fff;box-shadow:0 0 10px red,0 0 20px red,0 0 40px red}.neon-button span{transition:all .5s;display:inline-block;position:relative}.neon-button:hover span{color:#000;animation:1s ease-in-out infinite alternate neonGlow;transform:translateY(-2px)rotate(2deg)}@keyframes neonGlow{0%{text-shadow:0 0 3px #fff,0 0 5px #fff,0 0 10px red,0 0 20px red}to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px red,0 0 25px red}}.lotus-bottom-container{z-index:100;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100vw;padding:0 20px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.lotus-link-wrapper{cursor:pointer;text-decoration:none;display:contents}.lotus-trigger-bottom{text-align:center;pointer-events:auto;width:100%;margin-top:10px}.lotus-trigger-link{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#00000080;border:none;border-radius:3px;padding:5px 10px;font-family:Orbitron,sans-serif;font-size:12px;text-decoration:none;transition:all .3s;display:inline-block}.lotus-trigger-link:hover{color:#fff;text-shadow:0 0 5px #fff,0 0 10px red;transform:scale(1.05)}.contact-link.instagram:hover .icon{color:#fff;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.contact-link.instagram:hover .label{color:#e1306c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;background:#000;width:100%;height:100%;font-family:Lato,sans-serif;overflow:hidden}@media (max-width:768px){html,body{height:auto;min-height:100%;overflow-y:auto}}body{background:#000}#stars2,#stars3{pointer-events:none;background:0 0;position:absolute;top:0;left:0}#stars2{opacity:.8;width:2px;height:2px;animation:100s linear infinite animStar}#stars3{opacity:.6;width:3px;height:3px;animation:150s linear infinite animStar}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.shiva-background{z-index:0;pointer-events:none;position:fixed;inset:0}.shiva-background img{opacity:.3}.main-background{z-index:-2;pointer-events:none;position:fixed;inset:0}.main-background:after{content:"";z-index:1;background:linear-gradient(#000a28b3,#000514e6);position:absolute;inset:0}.shooting-star{opacity:0;filter:drop-shadow(0 0 6px #00c8ffcc);pointer-events:none;z-index:2;background:linear-gradient(90deg,#00c8ff,#00c8ff00);border-radius:50%;width:150px;height:2px;position:absolute;transform:rotate(45deg)}main.ocean-main{perspective:2000px;z-index:1;pointer-events:none;position:absolute;inset:0}.ocean{width:4000px;height:4000px;transition:transform .2s linear;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%)rotateX(80deg)}.chunks{filter:brightness(.9)contrast(1.2)saturate(1.3);opacity:.98;background:linear-gradient(#001e5099,#000a28e6),url(https://assets.codepen.io/416221/water.gif) 0 0/300px 300px;width:100%;height:100%;animation:6s linear infinite travel}@keyframes travel{0%{transform:translateY(0)}to{transform:translateY(400px)}}.container{z-index:50;text-align:center;pointer-events:none;max-width:900px;min-height:40vh;margin:0 auto;padding:10vh 20px 5vh;position:relative}.neon{pointer-events:auto;justify-content:center;align-items:center;font-family:monospace;display:flex}.title{position:relative}.title h1{text-transform:uppercase;letter-spacing:clamp(1px,1vw,3px);color:#0000;text-shadow:0 0 30px #00bcd4;-webkit-text-stroke:max(1px,.02em)#00bcd4;white-space:nowrap;margin:0;padding:0 5px;font-size:clamp(30px,11.5vw,70px);font-weight:bolder;line-height:1}.title h1:nth-child(2){text-align:center;background:linear-gradient(#9154ff 0%,#00b4ff 33%,#00dc8c 66%,#fae650 100%);color:#0000;-webkit-text-stroke:0;pointer-events:none;z-index:3;-webkit-background-clip:text;background-clip:text;width:100%;animation:3s ease-in-out infinite wave;position:absolute;top:0;left:0}@keyframes wave{0%,to{clip-path:polygon(0% 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.mbti-container{z-index:60;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:clamp(20px,5vh,40px);width:fit-content;max-width:90vw;margin:5vh auto;padding:5vh 0;display:flex;position:relative}.matrix-text{font-family:var(--font-orbitron),"Courier New",Courier,monospace;color:#e0f7ff;text-transform:uppercase;letter-spacing:clamp(1px,.5vw,4px);text-align:center;z-index:1;word-wrap:break-word;white-space:normal;text-shadow:0 0 10px #0ffc,0 0 20px #0ff9,0 0 40px #0ff6,0 0 80px #0ff3;background:0 0;-webkit-background-clip:unset;background-clip:unset;width:100%;max-width:90vw;font-size:clamp(1.5rem,5vw,4rem);font-weight:900;line-height:1.1;animation:4s cubic-bezier(.25,.46,.45,.94) infinite both glitch-skew;position:relative}.matrix-text:before,.matrix-text:after{content:"DO YOU KNOW YOUR PERSONALITY TYPE?";opacity:.8;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.matrix-text:before{color:#ff00c1;z-index:-1;text-shadow:2px 0 #00fff9;animation:4s linear infinite alternate-reverse glitch-anim-1}.matrix-text:after{color:#00fff9;z-index:-2;text-shadow:-2px 0 #ff00c1;animation:4s linear infinite alternate-reverse glitch-anim-2}@keyframes glitch-skew{0%{transform:skew(0deg)}20%{transform:skew(0deg)}22%{transform:skew(10deg)}24%{transform:skew(-10deg)}26%{transform:skew(0deg)}80%{transform:skew(0deg)}82%{transform:skew(-5deg)}84%{transform:skew(5deg)}86%{transform:skew(0deg)}to{transform:skew(0deg)}}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80%);transform:translate(-2px)}20%{clip-path:inset(60% 0 10%);transform:translate(2px)}40%{clip-path:inset(40% 0 50%);transform:translate(-2px)}60%{clip-path:inset(80% 0 5%);transform:translate(2px)}80%{clip-path:inset(10% 0 70%);transform:translate(-2px)}to{clip-path:inset(30% 0 20%);transform:translate(2px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60%);transform:translate(2px)}20%{clip-path:inset(30% 0 20%);transform:translate(-2px)}40%{clip-path:inset(70% 0 10%);transform:translate(2px)}60%{clip-path:inset(20% 0 50%);transform:translate(-2px)}80%{clip-path:inset(60% 0 20%);transform:translate(2px)}to{clip-path:inset(40% 0 30%);transform:translate(-2px)}}.button-group{justify-content:flex-end;align-self:flex-end;gap:30px;width:100%;max-width:90vw;margin-top:20px;display:flex}.neon-btn{color:#ff003c;font-family:var(--font-orbitron),"Lato",sans-serif;text-transform:uppercase;letter-spacing:4px;cursor:pointer;background:0 0;border:4px solid #ff003c;border-radius:2px;padding:15px 40px;font-size:1.5rem;font-weight:900;text-decoration:none;transition:all .2s;animation:4s linear infinite alternate-reverse border-glitch;position:relative;overflow:hidden;box-shadow:0 0 10px #ff003c4d,inset 0 0 10px #ff003c1a}.neon-btn:before,.neon-btn:after{content:attr(data-text);opacity:.8;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.neon-btn:before{color:#00fff9;z-index:-1;text-shadow:2px 0 #ff00c1;animation:3s linear infinite alternate-reverse glitch-anim-btn-1}.neon-btn:after{color:#ff00c1;z-index:-2;text-shadow:-2px 0 #00fff9;animation:2.5s linear infinite alternate-reverse glitch-anim-btn-2}.neon-btn:hover{color:#fff;text-shadow:0 0 5px #fff;background:#ff003c;animation:none;transform:scale(1.05);box-shadow:0 0 20px #ff003c,0 0 40px #ff003c}.neon-btn:hover:before,.neon-btn:hover:after{display:none}@keyframes glitch-anim-btn-1{0%{clip-path:inset(10% 0 80%);transform:translate(-3px)}20%{clip-path:inset(80% 0 5%);transform:translate(3px)}40%{clip-path:inset(30% 0 50%);transform:translate(-3px)}60%{clip-path:inset(70% 0 20%);transform:translate(3px)}80%{clip-path:inset(10% 0 60%);transform:translate(-3px)}to{clip-path:inset(50% 0 30%);transform:translate(3px)}}@keyframes glitch-anim-btn-2{0%{clip-path:inset(60% 0 10%);transform:translate(3px)}20%{clip-path:inset(20% 0 70%);transform:translate(-3px)}40%{clip-path:inset(50% 0 30%);transform:translate(3px)}60%{clip-path:inset(10% 0 80%);transform:translate(-3px)}80%{clip-path:inset(40% 0);transform:translate(3px)}to{clip-path:inset(80% 0 10%);transform:translate(-3px)}}:root{--purpleOver:#e646d7cc;--purple0:#b45fb480;--purple1:#fad7ff}.flower-container{opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s ease-in-out;display:flex;position:relative;transform:scale(.6)}.corolla{justify-content:center;width:max-content;min-height:100px;margin-bottom:80px;display:flex;position:relative;transform:rotate(-45deg)}.segmR{background:linear-gradient(135deg,var(--purple0)0%,var(--purple1)50%,var(--purple0)100%);transform-origin:0 100%;border-radius:100% 0%;width:100px;height:100px;position:absolute}.segmR:before{content:"";background-image:radial-gradient(circle at center,#fff0 0%,#fff0 20%,var(--purpleOver)100%);border-radius:100% 0%;width:100px;height:100px;position:absolute;box-shadow:inset 0 0 20px #8a327833}.segmL{background:linear-gradient(135deg,var(--purple0)0%,var(--purple1)50%,var(--purple0)100%);transform-origin:0 100%;border-radius:100% 0%;width:100px;height:100px;position:absolute}.segmL:before{content:"";background-image:radial-gradient(circle at center,#fff0 0%,#fff0 20%,var(--purpleOver)100%);border-radius:100% 0%;width:100px;height:100px;position:absolute;box-shadow:inset 0 0 20px #8a327833}.rings{justify-content:center;width:max-content;min-height:100px;display:flex;position:relative}.ring{transform-origin:bottom;background:linear-gradient(#38e5f500 0%,#41c3ff80 100%);border-radius:80% 90%;animation:6s ease-in-out infinite alternate bloom-rings;position:absolute;box-shadow:inset 0 0 15px #fffc,0 3px #e5f6f7cc}.corolla>div:first-child{transform-origin:100% 100%;transform:rotate(15deg)}.corolla>div:nth-child(2){transform-origin:100% 100%;transform:rotate(40deg)}.corolla>div:nth-child(3){transform-origin:100% 100%;transform:rotate(85deg)}.corolla>div:nth-child(4){transform-origin:100% 100%;transform:rotate(135deg)}.corolla>div:nth-child(5){transform-origin:100% 100%;transform:rotate(175deg)}.corolla>div:nth-child(6){transform-origin:0 100%;transform:rotate(225deg)}.corolla>div:nth-child(7){transform-origin:0 100%;transform:rotate(270deg)}.rings>.ring:first-child{width:100px;height:110px;animation-delay:.1s;transform:rotate(0)}.rings>.ring:nth-child(2){width:90px;height:100px;animation-delay:.2s;transform:rotate(60deg)}.rings>.ring:nth-child(3){width:80px;height:90px;animation-delay:.3s;transform:rotate(-60deg)}@keyframes bloom-rings{0%{transform:scale(.8)rotate(var(--r,0deg));opacity:.5}to{transform:scale(1.1)rotate(var(--r,0deg));opacity:1}}.subtitle-text{color:#00bcd4;text-align:center;text-transform:uppercase;letter-spacing:clamp(.5px,.6vw,2px);text-shadow:0 0 10px #00bcd4cc;white-space:nowrap;width:100%;margin:-10px 0 0;font-size:clamp(10px,3vw,24px);font-weight:300}.lotus-trigger-container{z-index:100;position:fixed;bottom:20px;right:20px}@media (min-width:768px){.mbti-container{transform:translateY(-96px)}}.lotus-trigger-link{color:#ffffffb3;cursor:pointer;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 5px #ffffff80;background:0 0;border:none;padding:10px;font-family:Orbitron,sans-serif;font-size:14px;text-decoration:none;transition:color .3s}.lotus-trigger-link:hover{color:#fff}@media (max-width:768px){.title h1{font-size:45px}.subtitle-text{letter-spacing:1px;font-size:16px}.matrix-text{font-size:2.5rem}.neon-btn{padding:10px 25px;font-size:1rem}.ocean{width:2500px;height:2500px}.flower-container main{transform:translate(-50%)scale(.5)}}@media (max-width:480px){.title h1{font-size:32px}.matrix-text{letter-spacing:2px;font-size:1.8rem}.button-group{flex-direction:row;justify-content:center;align-self:center;gap:15px}.ocean{width:1800px;height:1800px;top:70%}.flower-container main{bottom:5%;transform:translate(-50%)scale(.45)}.lotus-trigger-container{width:max-content;bottom:10px;right:50%;transform:translate(50%)}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.contact-sidebar-panel{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1002;background:#14141999;border-left:1px solid #ffffff1a;flex-direction:column;width:350px;height:100%;padding:30px;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-350px;box-shadow:-10px 0 30px #00000080}.contact-sidebar-panel.active{right:0}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:15px;display:flex}.sidebar-header h3{color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px #ffffff4d;font-family:Orbitron,sans-serif;font-size:1.5rem}.close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .3s}.close-btn:hover{color:#ff003c}.sidebar-content{flex-direction:column;gap:20px;display:flex}.contact-link{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:15px;padding:15px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.contact-link:hover{background:#ffffff1a;border-color:#fff3;transform:translate(-5px);box-shadow:0 5px 15px #0000004d}.contact-link .icon{font-size:1.8rem}.contact-link .details{flex-direction:column;display:flex}.contact-link .label{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.contact-link .value{color:#fff;font-size:1rem;font-weight:500}.contact-link.whatsapp:hover{border-color:#25d366;box-shadow:0 0 15px #25d36633}.contact-link.email:hover{border-color:#ea4335;box-shadow:0 0 15px #ea433533}.contact-link.discord:hover{border-color:#5865f2;box-shadow:0 0 15px #5865f233}.mobile-layout{display:none}
@media (max-width:768px){.desktop-view{display:none!important}.mobile-view{display:block!important}}@media (min-width:769px){.mobile-view{display:none!important}.desktop-view{display:block!important}}