html,body{box-sizing:border-box;min-height:100vh;margin:0;padding:0}body{color:#1a1a1a;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe 100%) 0 0/400% 400%;max-width:768px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.6;animation:15s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cube-container{--cube-size:100px;--cube-half:calc(var(--cube-size)/2);perspective:calc(var(--cube-size)*5);width:var(--cube-size);height:var(--cube-size);margin:var(--cube-size)0;user-select:none;transition:all 1s,width;position:relative}@media (width<=768px){.cube-container{--cube-size:50px}}.cube-container:hover{width:calc(var(--cube-size)*6)}.cube-container:hover .cube{animation:none;transform:rotateX(0)rotateY(0)}.cube-container:hover .cube-face{border-radius:0}.cube-container:hover .cube-face.front{animation:.6s forwards unfoldFront,.5s 1.6s forwards unfoldFront2}.cube-container:hover .cube-face.bottom{animation:.6s forwards unfoldBottom,.5s 1.6s forwards unfoldBottom2}.cube-container:hover .cube-face.right{animation:.6s forwards unfoldRight,.5s 1.6s forwards unfoldRight2}.cube-container:hover .cube-face.back{animation:.6s forwards unfoldBack,.5s 1.6s forwards unfoldBack2}.cube-container:hover .cube-face.top{animation:.6s forwards unfoldTop,.5s 1.6s forwards unfoldTop2}.cube-container:hover .cube-face.left{animation:.6s forwards unfoldLeft,.5s 1.6s forwards unfoldLeft2}.cube-container:hover .io-text{animation:.5s 1.6s forwards fadeIn}.cube-container .io-text{right:var(--cube-size);width:var(--cube-size);height:var(--cube-size);font-size:var(--cube-half);color:#fff;opacity:0;pointer-events:none;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;bottom:0}.cube{width:100%;height:100%;transform-style:preserve-3d;transition:all 1s;animation:5s linear infinite rotateCube;position:relative}.cube-face{width:var(--cube-size);height:var(--cube-size);font-size:var(--cube-half);color:#667eea;background:#fff9;border:1px solid #ffffff80;border-radius:4px;justify-content:center;align-items:center;font-weight:700;transition:all 1s;display:flex;position:absolute;top:0;left:0;box-shadow:0 8px 32px #1f268733,inset 0 1px #fff9}.cube-face.front{transform:rotateY(0deg)translateZ(var(--cube-half))}.cube-face.back{transform:rotateY(180deg)translateZ(var(--cube-half))}.cube-face.right{transform:rotateY(90deg)translateZ(var(--cube-half))}.cube-face.left{transform:rotateY(-90deg)translateZ(var(--cube-half))}.cube-face.top{transform:rotateX(90deg)translateZ(var(--cube-half))}.cube-face.bottom{transform:rotateX(-90deg)translateZ(var(--cube-half))}@keyframes rotateCube{0%,1%{transform:rotateY(5deg)}49%,51%{transform:rotateY(-185deg)}99%,to{transform:rotateY(5deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--cube-half))}to{opacity:1;transform:translateY(0)}}@keyframes unfoldFront{0%{transform:rotateY(0deg)translateZ(var(--cube-half))}to{transform:translate(0)translateZ(0)}}@keyframes unfoldFront2{to{transform:translateX(var(--cube-size))translateZ(0)}}@keyframes unfoldBottom{0%{transform:rotateX(-90deg)translateZ(var(--cube-half))}to{transform:translateX(var(--cube-size))translateZ(0)}}@keyframes unfoldBottom2{to{opacity:0;transform:translateX(calc(var(--cube-size)*2))translateZ(0)}}@keyframes unfoldRight{0%{transform:rotateY(90deg)translateZ(var(--cube-half))}to{transform:translateX(calc(var(--cube-size)*2))translateZ(0)}}@keyframes unfoldRight2{to{transform:translateX(calc(var(--cube-size)*2))translateZ(0)}}@keyframes unfoldBack{0%{transform:rotateY(180deg)translateZ(var(--cube-half))}to{transform:translateX(calc(var(--cube-size)*3))translateZ(0)}}@keyframes unfoldBack2{to{transform:translateX(calc(var(--cube-size)*3))translateZ(0)}}@keyframes unfoldTop{0%{transform:rotateX(90deg)translateZ(var(--cube-half))}to{transform:translateX(calc(var(--cube-size)*4))translateZ(0)}}@keyframes unfoldTop2{to{opacity:0;transform:translateX(calc(var(--cube-size)*4))translateY(calc(var(--cube-size)*-1))translateZ(0)}}@keyframes unfoldLeft{0%{transform:rotateY(-90deg)translateZ(var(--cube-half))}to{transform:translateX(calc(var(--cube-size)*5))translateZ(0)}}@keyframes unfoldLeft2{to{opacity:0;transform:translateX(calc(var(--cube-size)*5))translateY(calc(var(--cube-size)*-1))translateZ(0)}}header{justify-content:center;display:flex}main h3{color:#000000e6;margin:.5rem 0;font-size:1rem}main p{color:#000c;margin-bottom:1.5rem;font-size:1.125rem}main p a{color:#000c;text-decoration:underline}main p a:hover{color:#000000f2}main ul{margin:2rem .5rem;padding:0;list-style:none}main ul li{margin-bottom:1rem;position:relative}main ul li a{color:#000000d9;backdrop-filter:blur(10px);background:#fff6;border:1px solid #ffffff80;border-radius:16px;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;transition:all .3s;display:block;box-shadow:0 4px 16px #1f26871a}main ul li a:hover{background:#fff9;border-color:#ffffffb3;transform:translate(8px)scale(1.02);box-shadow:0 8px 24px #1f268733}main ul li p{margin:.5rem 0;font-size:.875rem}footer{text-align:center;margin-top:5rem}footer small{color:#0009;font-size:.875rem;font-weight:500}@media (width<=768px){body{padding:1rem}}.sr-only{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
/*# sourceMappingURL=wnt.io.d6f5a547.css.map */