.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;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}.superclaw-onboarding .onb-ring.r2{width:410px;height:410px;animation-direction:reverse;animation-duration:60s}@keyframes onb-spin{to{transform:rotate(1turn)}}.superclaw-onboarding .onb-agent-chip{animation:onb-float 6s ease-in-out infinite}.superclaw-onboarding .onb-agent-chip.c1{top:6%;left:30%}.superclaw-onboarding .onb-agent-chip.c2{top:20%;right:2%;animation-delay:-1s}.superclaw-onboarding .onb-agent-chip.c3{bottom:22%;right:6%;animation-delay:-2s}.superclaw-onboarding .onb-agent-chip.c4{bottom:4%;left:24%;animation-delay:-3s}.superclaw-onboarding .onb-agent-chip.c5{top:44%;left:-4%;animation-delay:-4s}@keyframes onb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.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-agent-chip,.superclaw-onboarding .onb-aurora,.superclaw-onboarding .onb-ring{animation:none!important}}