@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";:root{--color-bg1: rgb(0 1 12);--color-bg2: rgb(31 4 29);--color1: 7, 42, 94;--color2: 221, 74, 255;--color3: 172, 0, 54;--color4: 196, 123, 27;--color5: 50, 180, 78;--color-interactive: 140, 100, 255;--circle-size: 60%;--blending: hard-light;--g1-size: 65%;--g2-size: 80%;--g3-size: 55%;--g4-size: 70%;--g5-size: 90%}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}body{background:var(--color-bg1)}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.gradient-bg{width:100dvw;height:100dvh;position:relative;overflow:hidden;background:radial-gradient(ellipse 120% 80% at 80% 20%,#1f041d,#0f0214,#08010f 60%,#00010c)}.gradient-bg svg{display:none}.gradient-bg .gradients-container{filter:url(#goo) blur(40px);width:100%;height:100%}.gradient-bg .g1{position:absolute;background:radial-gradient(circle at center,rgba(var(--color1),.7) 0,rgba(var(--color1),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--g1-size);height:var(--g1-size);top:calc(15% - var(--g1-size) / 2);left:calc(15% - var(--g1-size) / 2);transform-origin:center center;animation:moveVerticalContained 28s ease infinite;opacity:1}.gradient-bg .g2{position:absolute;background:radial-gradient(circle at center,rgba(var(--color2),.6) 0,rgba(var(--color2),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--g2-size);height:var(--g2-size);top:calc(75% - var(--g2-size) / 2);left:calc(75% - var(--g2-size) / 2);transform-origin:center center;animation:moveCrossScreen 25s ease-in-out infinite reverse;opacity:1}.gradient-bg .g3{position:absolute;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;mix-blend-mode:var(--blending);width:var(--g3-size);height:var(--g3-size);top:calc(85% - var(--g3-size) / 2);left:calc(25% - var(--g3-size) / 2);transform-origin:center center;animation:moveWavePattern 30s linear infinite;opacity:1}.gradient-bg .g4{position:absolute;background:radial-gradient(circle at center,rgba(var(--color4),.7) 0,rgba(var(--color4),0) 30%) no-repeat;mix-blend-mode:var(--blending);width:var(--g4-size);height:var(--g4-size);top:calc(25% - var(--g4-size) / 2);left:calc(75% - var(--g4-size) / 2);transform-origin:center center;animation:moveHorizontalContained 32s ease infinite;opacity:.9}.gradient-bg .g5{position:absolute;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 25%) no-repeat;mix-blend-mode:var(--blending);width:var(--g5-size);height:var(--g5-size);top:calc(55% - var(--g5-size) / 2);left:calc(45% - var(--g5-size) / 2);transform-origin:center center;animation:moveFloatingContained 26s ease infinite;opacity:1}.gradient-bg .interactive{position:absolute;background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 20%) no-repeat;mix-blend-mode:var(--blending);width:100%;height:100%;top:-50%;left:-50%;opacity:0;transition:opacity .2s ease-in-out}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;color:#fff}.main-title{font-size:clamp(2rem,10vw,8rem);font-weight:800;margin-bottom:2rem;letter-spacing:.05em;line-height:1.1;position:relative;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fff,#dce6ffe6,#b4c8ffb3,#fffffff2,#c8dcffcc,#ffffffe6 75%,#f0faff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 10px rgba(255,255,255,.4)) drop-shadow(0 4px 20px rgba(140,100,255,.3)) drop-shadow(0 8px 40px rgba(0,0,0,.6)) drop-shadow(0 2px 8px rgba(255,255,255,.2))}@keyframes moveInCircleContained{0%{transform:rotate(0) translate(50px) rotate(0)}25%{transform:rotate(90deg) translate(80px) rotate(-90deg)}50%{transform:rotate(180deg) translate(60px) rotate(-180deg)}75%{transform:rotate(270deg) translate(40px) rotate(-270deg)}to{transform:rotate(360deg) translate(50px) rotate(-360deg)}}@keyframes moveVerticalContained{0%{transform:translateY(-20%) translate(0)}25%{transform:translateY(-35%) translate(15%)}50%{transform:translateY(40%) translate(-10%)}75%{transform:translateY(25%) translate(20%)}to{transform:translateY(-20%) translate(0)}}@keyframes moveHorizontalContained{0%{transform:translate(-30%) translateY(-10%)}25%{transform:translate(-45%) translateY(15%)}50%{transform:translate(50%) translateY(8%)}75%{transform:translate(40%) translateY(-12%)}to{transform:translate(-30%) translateY(-10%)}}@keyframes moveFloatingContained{0%{transform:translate(-15%) translateY(-15%) scale(1) rotate(0)}20%{transform:translate(25%) translateY(-30%) scale(1.1) rotate(72deg)}40%{transform:translate(35%) translateY(25%) scale(.9) rotate(144deg)}60%{transform:translate(-25%) translateY(35%) scale(1.05) rotate(216deg)}80%{transform:translate(-35%) translateY(-10%) scale(.95) rotate(288deg)}to{transform:translate(-15%) translateY(-15%) scale(1) rotate(360deg)}}@keyframes moveCrossScreen{0%{transform:translate(-120%) translateY(-20%) scale(.8);opacity:.3}15%{transform:translate(-80%) translateY(10%) scale(1);opacity:.6}30%{transform:translate(-20%) translateY(30%) scale(1.2);opacity:.8}50%{transform:translate(20%) translateY(-10%) scale(1);opacity:1}70%{transform:translate(60%) translateY(25%) scale(1.1);opacity:.8}85%{transform:translate(100%) translateY(-15%) scale(.9);opacity:.5}to{transform:translate(-120%) translateY(-20%) scale(.8);opacity:.3}}@keyframes moveWavePattern{0%{transform:translate(-50%) translateY(0) rotate(0)}20%{transform:translate(-10%) translateY(-40%) rotate(72deg)}40%{transform:translate(30%) translateY(-20%) rotate(144deg)}60%{transform:translate(70%) translateY(20%) rotate(216deg)}80%{transform:translate(100%) translateY(40%) rotate(288deg)}90%{transform:translate(50%) translateY(20%) rotate(324deg)}to{transform:translate(-50%) translateY(0) rotate(360deg)}}@media (max-width: 768px){:root{--g1-size: 45%;--g2-size: 55%;--g3-size: 40%;--g4-size: 50%;--g5-size: 65%}.content{padding:0 1rem}.interactive{width:80px;height:80px;left:-40px;top:-40px}}@media (max-width: 480px){:root{--g1-size: 35%;--g2-size: 45%;--g3-size: 30%;--g4-size: 40%;--g5-size: 50%}.gradient-bg .gradients-container{filter:url(#goo) blur(25px)}.interactive{width:60px;height:60px;left:-30px;top:-30px}}@media (max-width: 320px){:root{--g1-size: 25%;--g2-size: 35%;--g3-size: 22%;--g4-size: 30%;--g5-size: 40%}.gradient-bg .gradients-container{filter:url(#goo) blur(20px)}.interactive{width:50px;height:50px;left:-25px;top:-25px}}@media (prefers-reduced-motion: reduce){.g1,.g2,.g3,.g4,.g5{animation:none}}