:root{--bg0: #070a12;--bg1: #0a0e18;--bg2: #101625;--s1: #111827;--s2: #141b2d;--s3: #192238;--t1: #f5f7ff;--t2: #aab3c7;--t3: #6f7890;--t3t: #8791a9;--blue: #4f7cff;--violet: #8b6cff;--cyan: #38d4f2;--mint: #3ddba8;--coral: #ff7a66;--amber: #ffb547;--indigo: #6f7bff;--blue-i: #8fb0ff;--violet-i: #b9a4ff;--cyan-i: #8ce6f8;--mint-i: #86ebc9;--coral-i: #ffa898;--amber-i: #ffd08a;--indigo-i: #a6aeff;--line: rgba(150, 170, 230, .1);--line2: rgba(150, 170, 230, .18);--line3: rgba(170, 190, 255, .34);--ease: cubic-bezier(.2, .7, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r-s: 12px;--r-m: 16px;--r-l: 20px;--r-xl: 22px}*{box-sizing:border-box}body{margin:0;background:var(--bg0);color:var(--t1);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;text-align:inherit}a{color:inherit;text-decoration:none}svg{display:block}.num{font-variant-numeric:tabular-nums}.tn-blue{--tone: var(--blue);--ink: var(--blue-i)}.tn-violet{--tone: var(--violet);--ink: var(--violet-i)}.tn-cyan{--tone: var(--cyan);--ink: var(--cyan-i)}.tn-mint{--tone: var(--mint);--ink: var(--mint-i)}.tn-coral{--tone: var(--coral);--ink: var(--coral-i)}.tn-amber{--tone: var(--amber);--ink: var(--amber-i)}.tn-indigo{--tone: var(--indigo);--ink: var(--indigo-i)}.tn-silver{--tone: #aab3c7;--ink: #dce2f0}.cap{font:500 12px/1.2 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--t3t)}.glass{background:linear-gradient(180deg,#1e28449e,#1016289e);border:1px solid var(--line2);box-shadow:0 40px 80px -30px #000000b3,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.plate{background:linear-gradient(180deg,var(--s3),var(--s2));border:1px solid var(--line2);box-shadow:0 30px 60px -24px #000000a6,inset 0 1px #ffffff0d}.tile{background:linear-gradient(155deg,color-mix(in srgb,var(--tone) 24%,var(--s2)),var(--s1) 72%);border:1px solid color-mix(in srgb,var(--tone) 26%,transparent);box-shadow:0 30px 60px -28px #000000b3,inset 0 1px #ffffff0f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 20px;border-radius:12px;font:600 15px/1 var(--font);letter-spacing:-.01em;white-space:nowrap;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .25s,border-color .25s}.btn-p{background:var(--t1);color:#070a12;box-shadow:0 0 0 1px #fff6,0 10px 30px -8px #7896ff8c}.btn-p:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #fff9,0 18px 40px -10px #7896ffbf}.btn-b{background:linear-gradient(180deg,#5c87ff,#4470f0);color:#fff;box-shadow:inset 0 1px #ffffff47,0 10px 28px -10px #4f7cffe6}.btn-b:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff57,0 16px 36px -10px #4f7cff}.btn-g{border:1px solid var(--line3);color:var(--t1);background:#ffffff05}.btn-g:hover{background:#ffffff0f;border-color:#becdff8c}.btn-s{height:36px;padding:0 14px;font-size:13.5px;border-radius:10px}.lift{transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}.lift:hover{transform:translateY(-4px);box-shadow:0 40px 70px -28px #000c,0 0 0 1px color-mix(in srgb,var(--tone, #4f7cff) 40%,transparent),0 0 60px -18px var(--tone, #4f7cff)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--tone, var(--blue));flex:none}@keyframes mzFloatA{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}@keyframes mzFloatB{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,9px,0)}}@keyframes mzDrift{0%,to{transform:translateZ(0)}50%{transform:translate3d(12px,-8px,0)}}@keyframes mzGlow{0%,to{opacity:.55}50%{opacity:1}}@keyframes mzRise{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}.fl-a{animation:mzFloatA 7s ease-in-out infinite}.fl-b{animation:mzFloatB 8.5s ease-in-out infinite}.fl-c{animation:mzDrift 11s ease-in-out infinite}.pulse{animation:mzGlow 4.5s ease-in-out infinite}.rise{animation:mzRise .9s var(--ease-out) both}.bx{position:absolute;transform-style:preserve-3d;width:var(--w);height:var(--h);margin-left:calc(var(--w) / -2);margin-top:calc(var(--h) / -2)}.bx>i{position:absolute;display:block;box-sizing:border-box}.bx>i:nth-child(1){width:var(--w);height:var(--h);transform:translateZ(calc(var(--d) / 2));border-radius:var(--r, 16px);background:radial-gradient(120% 120% at 20% 10%,color-mix(in srgb,var(--c) 75%,#fff 10%),color-mix(in srgb,var(--c) 30%,#0b1020) 60%,color-mix(in srgb,var(--c) 14%,#0b1020));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 60%,#fff 30%),inset 0 1px #ffffff80,inset 0 -30px 60px color-mix(in srgb,var(--c) 30%,transparent)}.bx>i:nth-child(2){width:var(--w);height:var(--h);transform:rotateY(180deg) translateZ(calc(var(--d) / 2));border-radius:var(--r, 16px);background:color-mix(in srgb,var(--c) 18%,#070a12)}.bx>i:nth-child(3){width:var(--d);height:var(--h);left:calc((var(--w) - var(--d)) / 2);transform:rotateY(90deg) translateZ(calc(var(--w) / 2));background:linear-gradient(180deg,color-mix(in srgb,var(--c) 55%,#0b1020),color-mix(in srgb,var(--c) 18%,#070a12));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)}.bx>i:nth-child(4){width:var(--d);height:var(--h);left:calc((var(--w) - var(--d)) / 2);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));background:linear-gradient(180deg,color-mix(in srgb,var(--c) 40%,#0b1020),color-mix(in srgb,var(--c) 12%,#070a12));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent)}.bx>i:nth-child(5){width:var(--w);height:var(--d);top:calc((var(--h) - var(--d)) / 2);transform:rotateX(90deg) translateZ(calc(var(--h) / 2));background:linear-gradient(90deg,color-mix(in srgb,var(--c) 45%,#0b1020),color-mix(in srgb,var(--c) 15%,#070a12));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 35%,transparent)}.bx>i:nth-child(6){width:var(--w);height:var(--d);top:calc((var(--h) - var(--d)) / 2);transform:rotateX(-90deg) translateZ(calc(var(--h) / 2));background:color-mix(in srgb,var(--c) 22%,#0b1020);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent)}.slot3{position:absolute;margin-left:calc(var(--w) / -2);margin-top:calc(var(--h) / -2);width:var(--w);height:var(--h);border-radius:var(--r, 16px);border:1.5px dashed rgba(170,190,255,.55);box-shadow:0 0 40px #5a78ff59,inset 0 0 30px #5a78ff2e;background:#5a78ff0f}@media (prefers-reduced-motion: reduce){.fl-a,.fl-b,.fl-c,.pulse,.rise{animation:none!important}.lift,.btn{transition:none!important}}html,body,#root{height:100%}body{overflow-x:hidden}.hl a{transition:color .3s var(--ease)}.hl a:hover{color:var(--t1)}.ml span{transition:color .3s var(--ease)}.ml span:hover{color:var(--t1)}.sb-btn{transition:color .25s var(--ease),background-color .25s var(--ease),box-shadow .25s var(--ease)}.sb-btn:hover{color:var(--t1);background:#ffffff0a}