:root{--color-bg1:#080a0f;--color-bg2:#001120;--color1:18,113,255;--color2:107,74,255;--color3:100,100,255;--color4:170,255,113;--color5:4,255,253;--color-interactive:121,190,254;--circle-size:70%;--blending:hard-light}.card{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:600px;padding:48px;backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 90px rgba(0,0,0,.1);overflow:hidden}.card:before{content:"";z-index:2;height:2px;background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 34%,#fff 89%,hsla(0,0%,100%,0));opacity:.3;filter:blur(.5px);mix-blend-mode:hard-light}.card:before,.noise{position:absolute;top:0;left:0;width:100%}.noise{height:100%;z-index:1;opacity:.1}.content{position:relative;z-index:2;text-shadow:-3px 0 2px rgba(0,0,0,.1)}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}.gradient-bg{width:100%;min-height:100vh;position:relative;overflow:hidden;z-index:0;background:linear-gradient(40deg,#fff,#f8f9fa)}.noiseBg{mix-blend-mode:soft-light;opacity:.3}.gradients-container,.noiseBg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.gradients-container{filter:blur(40px)}.g1,.g2,.g3,.g4,.g5,.interactive{position:absolute;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;mix-blend-mode:var(--blending)}.g1{transform-origin:center center;animation:moveVertical 30s ease infinite}.g1,.g2{width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2)}.g2{background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px);animation:moveInCircle 20s infinite reverse}.g3{background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite}.g3,.g4{width:var(--circle-size);height:var(--circle-size)}.g4{background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite}.g5{background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 20s ease infinite}.interactive{background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;width:100%;height:100%;top:-50%;left:-50%;opacity:.9}