.spotlight{position:relative;--spot-x:50%;--spot-y:50%;--spot-color:rgba(255,255,255,0.08);--spot-size:280px}.spotlight:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(var(--spot-size) circle at var(--spot-x) var(--spot-y),var(--spot-color),transparent 65%);opacity:0;transition:opacity .28s ease;pointer-events:none;z-index:1}.spotlight:focus-within:before,.spotlight:hover:before{opacity:1}.spotlight>*{position:relative;z-index:2}@media (prefers-reduced-motion:reduce){.spotlight:before{transition:none}}.outer-container{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center}.step-circle-container{margin-left:auto;margin-right:auto;width:100%;max-width:36rem;border-radius:1rem;background-color:#17171a;border:1px solid #28282c;box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2)}.step-indicator-row{display:flex;width:100%;align-items:center;padding:1.5rem}.step-content-default{position:relative;overflow:hidden;color:#d1d5db}.step-content-default h3{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.step-content-default p{font-size:.875rem;color:#9ca3af;margin-bottom:1.5rem}.step-default{padding:0 1.5rem 1.5rem}.footer-container{padding:1.5rem;border-top:1px solid #28282c}.footer-nav{margin-top:0;display:flex}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button{transition:all .2s;border-radius:9999px;padding:.375rem .875rem;color:#d1d5db;background-color:transparent;font-weight:500;cursor:pointer}.back-button:hover{background-color:#28282c;color:#fff}.back-button.inactive{pointer-events:none;opacity:.4}.next-button{transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:#3b82f6;color:#fff;font-weight:500;padding:.375rem .875rem;cursor:pointer}.next-button:hover{background-color:#2563eb}.step-indicator{position:relative;cursor:default;outline:none}.step-indicator-inner{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;font-weight:600;transition:all .3s ease}.active-dot{height:.75rem;width:.75rem;border-radius:9999px;background-color:#111827}.step-number{font-size:.875rem}.step-connector{position:relative;margin-left:.5rem;margin-right:.5rem;height:.125rem;flex:1;overflow:hidden;border-radius:.25rem;background-color:#28282c}.step-connector-inner{position:absolute;left:0;top:0;height:100%}.check-icon{height:1rem;width:1rem;color:#111827}.step-indicator-inner[data-status=inactive]{background-color:#374151;color:#9ca3af}.step-indicator-inner[data-status=active],.step-indicator-inner[data-status=complete]{background-color:#ffffff;color:#111827}