#main-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}#flash-overlay{z-index:9999;pointer-events:none;opacity:0;mix-blend-mode:normal;background:radial-gradient(circle,#fff 0%,#fff8eb 20%,#f5deb3cc 50%,#f5deb300 90%);width:200vmax;height:200vmax;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}#logo-container{z-index:6;pointer-events:none;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lotus-halo{opacity:0;filter:blur(8px);pointer-events:none;z-index:1;background:radial-gradient(circle,#ffffffe6 0%,#fff6 15%,#0000 35%),radial-gradient(circle,#ffe6c899 0%,#ffd2a04d 30%,#0000 50%),radial-gradient(circle,#ffc89666 0%,#ffb47826 50%,#0000 70%);border-radius:50%;width:350px;height:350px;transition:opacity .8s,transform .8s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px 30px #fff0dc4d,0 0 100px 60px #ffdcb426,inset 0 0 80px #fff3}.lotus-halo.active{opacity:1;animation:2s ease-in-out infinite alternate divineGlow;transform:translate(-50%,-50%)scale(1.1)}@keyframes divineGlow{0%{filter:blur(8px);box-shadow:0 0 60px 30px #fff0dc4d,0 0 100px 60px #ffdcb426,inset 0 0 80px #fff3}to{filter:blur(12px);box-shadow:0 0 80px 40px #fff0dc66,0 0 120px 80px #ffdcb433,inset 0 0 100px #ffffff4d}}.lotus-halo.active-zoom{opacity:0;transition-duration:1s;transform:translate(-50%,-50%)scale(2)}.camera{transform-style:preserve-3d;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(70deg)scale(1)}.scene{transform-style:preserve-3d;animation:10s linear infinite sceneRotate}@keyframes sceneRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cameraTop{0%{transform:translate(-50%,-50%)rotateX(70deg)scale(1)}to{transform:translate(-50%,-50%)rotateX(0)scale(1.1)}}@keyframes cameraZoom{0%{transform:translate(-50%,-50%)rotateX(0)scale(1.1)}to{transform:translate(-50%,-50%)rotateX(0)scale(15)}}.camera.to-top{animation:1.2s ease-in-out forwards cameraTop}.camera.zoom{animation:3s ease-in forwards cameraZoom}.lotus{width:36px;height:36px;transform-style:preserve-3d;position:absolute;top:calc(50% - 18px);left:calc(50% - 18px)}.lotus ul{width:36px;height:36px;transform-style:preserve-3d;margin:0;padding:0;list-style:none;position:relative}.lotus li{transform-style:preserve-3d;transform-origin:top;position:absolute}.lotus svg{transform-origin:top;will-change:transform;display:block;overflow:visible}.lotus path{stroke-linejoin:round;stroke-linecap:round;transition:all .5s}.petal-shadow{fill:none;stroke:#0003;stroke-width:4px;opacity:.4;transform:translateY(4px)scale(.98)}.petal-main{stroke-width:.5px;vector-effect:non-scaling-stroke;paint-order:stroke fill}.lotus.layer0 .petal-main{fill:url(#grad-outer);stroke:#ffdce680}.lotus.layer0 .petal-shadow{stroke:#c864644d;stroke-width:6px;filter:none}.lotus.layer1 .petal-main{fill:url(#grad-mid);stroke:#ffb4d280}.lotus.layer1 .petal-shadow{stroke:#c850784d;stroke-width:5px}.lotus.layer2 .petal-main{fill:url(#grad-inner);stroke:#e6649680}.lotus.layer2 .petal-shadow{stroke:#b432644d;stroke-width:4px}.lotus.layer3 .petal-main{fill:url(#grad-inner);stroke:#e6508299}.lotus.layer3 .petal-shadow{stroke:#ff64964d;stroke-width:3px}.petal-veins{fill:none;stroke:url(#grad-vein);stroke-width:.25px;vector-effect:non-scaling-stroke;opacity:.6;mix-blend-mode:multiply}.lotus.layer0 li{width:0;height:0;top:50%;left:50%}.lotus.layer0 li svg{opacity:.95;width:110px;margin-left:-55px;transform:rotateX(85deg)}.lotus.layer0 li:first-child{transform:rotate(30deg)rotateX(10deg)}.lotus.layer0 li:nth-child(2){transform:rotate(60deg)rotateX(10deg)}.lotus.layer0 li:nth-child(3){transform:rotate(90deg)rotateX(10deg)}.lotus.layer0 li:nth-child(4){transform:rotate(120deg)rotateX(10deg)}.lotus.layer0 li:nth-child(5){transform:rotate(150deg)rotateX(10deg)}.lotus.layer0 li:nth-child(6){transform:rotate(180deg)rotateX(10deg)}.lotus.layer0 li:nth-child(7){transform:rotate(210deg)rotateX(10deg)}.lotus.layer0 li:nth-child(8){transform:rotate(240deg)rotateX(10deg)}.lotus.layer0 li:nth-child(9){transform:rotate(270deg)rotateX(10deg)}.lotus.layer0 li:nth-child(10){transform:rotate(300deg)rotateX(10deg)}.lotus.layer0 li:nth-child(11){transform:rotate(330deg)rotateX(10deg)}.lotus.layer0 li:nth-child(12){transform:rotate(360deg)rotateX(10deg)}.lotus.layer1 li{width:0;height:0;top:50%;left:50%}.lotus.layer1 li svg{width:100px;margin-left:-50px;transform:rotateX(75deg)}.lotus.layer1 li:first-child{transform:rotate(45deg)rotateX(15deg)}.lotus.layer1 li:nth-child(2){transform:rotate(90deg)rotateX(15deg)}.lotus.layer1 li:nth-child(3){transform:rotate(135deg)rotateX(15deg)}.lotus.layer1 li:nth-child(4){transform:rotate(180deg)rotateX(15deg)}.lotus.layer1 li:nth-child(5){transform:rotate(225deg)rotateX(15deg)}.lotus.layer1 li:nth-child(6){transform:rotate(270deg)rotateX(15deg)}.lotus.layer1 li:nth-child(7){transform:rotate(315deg)rotateX(15deg)}.lotus.layer1 li:nth-child(8){transform:rotate(360deg)rotateX(15deg)}.lotus.layer2 li{width:0;height:0;top:50%;left:50%}.lotus.layer2 li svg{width:80px;margin-left:-40px;transform:rotateX(60deg)}.lotus.layer2 li:first-child{transform:rotate(60deg)rotateX(30deg)}.lotus.layer2 li:nth-child(2){transform:rotate(120deg)rotateX(30deg)}.lotus.layer2 li:nth-child(3){transform:rotate(180deg)rotateX(30deg)}.lotus.layer2 li:nth-child(4){transform:rotate(240deg)rotateX(30deg)}.lotus.layer2 li:nth-child(5){transform:rotate(300deg)rotateX(30deg)}.lotus.layer2 li:nth-child(6){transform:rotate(360deg)rotateX(30deg)}.lotus.layer3 li{width:0;height:0;top:50%;left:50%}.lotus.layer3 li svg{width:65px;margin-left:-32.5px;transform:rotateX(30deg)}.lotus.layer3 li:first-child{transform:rotate(120deg)rotateX(60deg)}.lotus.layer3 li:nth-child(2){transform:rotate(240deg)rotateX(60deg)}.lotus.layer3 li:nth-child(3){transform:rotate(360deg)rotateX(60deg)}@keyframes flat0{to{transform:rotateX(15deg)}}@keyframes flat1{to{transform:rotateX(15deg)}}@keyframes flat2{to{transform:rotateX(15deg)}}@keyframes flat3{to{transform:rotateX(10deg)}}.camera.to-top .layer0 li:first-child svg{animation:1.2s ease-in-out forwards flat0}.camera.to-top .layer0 li:nth-child(2) svg{animation:1.2s ease-in-out 50ms forwards flat0}.camera.to-top .layer0 li:nth-child(3) svg{animation:1.2s ease-in-out .1s forwards flat0}.camera.to-top .layer0 li:nth-child(4) svg{animation:1.2s ease-in-out .15s forwards flat0}.camera.to-top .layer0 li:nth-child(5) svg{animation:1.2s ease-in-out .2s forwards flat0}.camera.to-top .layer0 li:nth-child(6) svg{animation:1.2s ease-in-out .25s forwards flat0}.camera.to-top .layer0 li:nth-child(7) svg{animation:1.2s ease-in-out 50ms forwards flat0}.camera.to-top .layer0 li:nth-child(8) svg{animation:1.2s ease-in-out .1s forwards flat0}.camera.to-top .layer0 li:nth-child(9) svg{animation:1.2s ease-in-out .15s forwards flat0}.camera.to-top .layer0 li:nth-child(10) svg{animation:1.2s ease-in-out .2s forwards flat0}.camera.to-top .layer0 li:nth-child(11) svg{animation:1.2s ease-in-out .25s forwards flat0}.camera.to-top .layer0 li:nth-child(12) svg{animation:1.2s ease-in-out 50ms forwards flat0}.camera.to-top .layer1 li:first-child svg{animation:1.2s ease-in-out .3s forwards flat1}.camera.to-top .layer1 li:nth-child(2) svg{animation:1.2s ease-in-out .35s forwards flat1}.camera.to-top .layer1 li:nth-child(3) svg{animation:1.2s ease-in-out .4s forwards flat1}.camera.to-top .layer1 li:nth-child(4) svg{animation:1.2s ease-in-out .45s forwards flat1}.camera.to-top .layer1 li:nth-child(5) svg{animation:1.2s ease-in-out .5s forwards flat1}.camera.to-top .layer1 li:nth-child(6) svg{animation:1.2s ease-in-out .55s forwards flat1}.camera.to-top .layer1 li:nth-child(7) svg{animation:1.2s ease-in-out .3s forwards flat1}.camera.to-top .layer1 li:nth-child(8) svg{animation:1.2s ease-in-out .35s forwards flat1}.camera.to-top .layer2 li:first-child svg{animation:1.2s ease-in-out .6s forwards flat2}.camera.to-top .layer2 li:nth-child(2) svg{animation:1.2s ease-in-out .65s forwards flat2}.camera.to-top .layer2 li:nth-child(3) svg{animation:1.2s ease-in-out .7s forwards flat2}.camera.to-top .layer2 li:nth-child(4) svg{animation:1.2s ease-in-out .75s forwards flat2}.camera.to-top .layer2 li:nth-child(5) svg{animation:1.2s ease-in-out .8s forwards flat2}.camera.to-top .layer2 li:nth-child(6) svg{animation:1.2s ease-in-out .85s forwards flat2}.camera.to-top .layer3 li:first-child svg{animation:1.2s ease-in-out .9s forwards flat3}.camera.to-top .layer3 li:nth-child(2) svg{animation:1.2s ease-in-out .95s forwards flat3}.camera.to-top .layer3 li:nth-child(3) svg{animation:1.2s ease-in-out 1s forwards flat3}