.ob-root{min-height:100dvh;background:var(--canvas)}.ob-aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none}.ob-aurora:after,.ob-aurora:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;filter:blur(46px);opacity:.55}.ob-aurora:before{top:-18%;left:-14%;background:radial-gradient(circle,var(--brand) 0,transparent 68%);animation:ob-float-a 14s ease-in-out infinite}.ob-aurora:after{bottom:-22%;right:-16%;background:radial-gradient(circle,var(--accent) 0,transparent 68%);animation:ob-float-b 16s ease-in-out infinite}@keyframes ob-float-a{0%,to{transform:translate(0) scale(1)}50%{transform:translate(8%,6%) scale(1.08)}}@keyframes ob-float-b{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-7%,-5%) scale(1.1)}}.ob-learns-glow{position:relative;overflow:hidden}.ob-learns-glow:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--brand) 22%,transparent) 50%,transparent 80%);transform:translateX(-120%);animation:ob-sweep 2.6s ease-in-out .4s}@keyframes ob-sweep{to{transform:translateX(120%)}}.ob-focus:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ob-seg{height:6px;border-radius:999px;background:var(--hairline);overflow:hidden}.ob-seg-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--grad-from),var(--grad-to));transition:width .55s cubic-bezier(.22,.61,.36,1)}@media (prefers-reduced-motion:reduce){.ob-aurora:after,.ob-aurora:before,.ob-learns-glow:after{animation:none}}.ob-stage-bg{display:none}@media (min-width:1024px){.ob-stage{position:relative;display:flex;height:100dvh;align-items:center;justify-content:center;padding:24px}.ob-card{position:relative;height:min(880px,92dvh);width:448px;max-width:100%;overflow:hidden;border-radius:32px;background:var(--canvas);box-shadow:var(--shadow-float),inset 0 0 0 1px var(--hairline)}.ob-stage-bg{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(120% 90% at 50% 6%,color-mix(in srgb,var(--brand) 9%,var(--canvas)) 0,var(--canvas) 60%)}.ob-stage-bg:after,.ob-stage-bg:before{content:"";position:absolute;width:44%;aspect-ratio:1;border-radius:50%;filter:blur(96px);opacity:.5}.ob-stage-bg:before{top:-6%;left:-4%;background:radial-gradient(circle,var(--brand) 0,transparent 66%);animation:ob-float-a 18s ease-in-out infinite}.ob-stage-bg:after{bottom:-8%;right:-6%;background:radial-gradient(circle,var(--accent) 0,transparent 66%);animation:ob-float-b 20s ease-in-out infinite}}@media (min-width:1024px) and (prefers-reduced-motion:reduce){.ob-stage-bg:after,.ob-stage-bg:before{animation:none}}