.superclaw-onboarding{--onb-cyan:#5ce1e6;--onb-teal:#2dd4bf;--onb-violet:#8b5cf6;--onb-blue:#3b82f6;--onb-amber:#f59e0b;--onb-grad:linear-gradient(120deg,#5ce1e6,#3b82f6 45%,#8b5cf6);--onb-ease:cubic-bezier(0.22,0.61,0.36,1);position:relative}.superclaw-onboarding .grad-text{background:var(--onb-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.superclaw-onboarding .onb-aurora{position:absolute;width:70vw;height:70vw;border-radius:50%;filter:blur(90px);opacity:.35;mix-blend-mode:screen;animation:onb-drift 22s ease-in-out infinite alternate;pointer-events:none}.superclaw-onboarding .onb-aurora.a{background:radial-gradient(circle,#1e63ff,transparent 60%);top:-22vw;left:-12vw}.superclaw-onboarding .onb-aurora.b{background:radial-gradient(circle,#8b5cf6,transparent 60%);top:8vw;right:-18vw;animation-delay:-6s}.superclaw-onboarding .onb-aurora.c{background:radial-gradient(circle,#5ce1e6,transparent 60%);bottom:-28vw;left:22vw;animation-delay:-12s}@keyframes onb-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(4vw,3vw,0) scale(1.15)}}.superclaw-onboarding .onb-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:54px 54px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0,#000 30%,transparent 75%);pointer-events:none}.superclaw-onboarding .onb-ring{position:absolute;top:50%;left:50%;border:1px dashed rgba(255,255,255,.1);border-radius:50%;animation:onb-spin 40s linear infinite}.superclaw-onboarding .onb-ring.r1{width:280px;height:280px;margin:-140px 0 0 -140px}.superclaw-onboarding .onb-ring.r2{width:400px;height:400px;margin:-200px 0 0 -200px;animation-direction:reverse;animation-duration:60s}@keyframes onb-spin{to{transform:rotate(1turn)}}.superclaw-onboarding .onb-orbit-slot{position:absolute;top:50%;left:50%;width:0;height:0;transform:rotate(var(--orbit-start,0deg));transform-origin:0 0;pointer-events:none;z-index:4}.superclaw-onboarding .onb-orbit-arm{position:absolute;top:0;left:0;width:var(--orbit-radius);height:0;transform-origin:0 0;animation:onb-orbit-spin 16s linear infinite}.superclaw-onboarding .onb-orbit-arm.inner{--orbit-radius:140px;animation-duration:16s}.superclaw-onboarding .onb-orbit-arm.outer{--orbit-radius:200px;animation-duration:24s;animation-direction:reverse}.superclaw-onboarding .onb-orbit-unspin{position:absolute;top:0;right:0;animation:onb-orbit-unspin 16s linear infinite;pointer-events:auto}.superclaw-onboarding .onb-orbit-arm.inner .onb-orbit-unspin{animation-duration:16s}.superclaw-onboarding .onb-orbit-arm.outer .onb-orbit-unspin{animation-duration:24s;animation-direction:reverse}@keyframes onb-orbit-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes onb-orbit-unspin{0%{transform:translate(50%,-50%) rotate(0deg)}to{transform:translate(50%,-50%) rotate(-1turn)}}.superclaw-onboarding .onb-pillar:hover:before{opacity:1}.superclaw-onboarding .onb-pillar:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--onb-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s var(--onb-ease);pointer-events:none}.superclaw-onboarding .onb-chain-node.active{border-color:var(--onb-teal);background:rgba(45,212,191,.1);transform:translateY(-6px);box-shadow:0 0 30px -8px rgba(45,212,191,.5)}.superclaw-onboarding .onb-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--onb-grad);z-index:1001;box-shadow:0 0 12px var(--onb-blue);pointer-events:none}@media (prefers-reduced-motion:reduce){.superclaw-onboarding .onb-aurora,.superclaw-onboarding .onb-orbit-arm,.superclaw-onboarding .onb-orbit-unspin,.superclaw-onboarding .onb-ring{animation:none!important}.superclaw-onboarding .onb-orbit-unspin{transform:translate(50%,-50%)}}@media (max-width:768px){.superclaw-onboarding .onb-aurora{filter:none;opacity:.2;animation:none}.superclaw-onboarding .onb-orbit-arm.inner{--orbit-radius:112px}.superclaw-onboarding .onb-orbit-arm.outer{--orbit-radius:158px}.superclaw-onboarding .onb-ring.r1{width:224px;height:224px;margin:-112px 0 0 -112px}.superclaw-onboarding .onb-ring.r2{width:316px;height:316px;margin:-158px 0 0 -158px}}