.setup-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;background-color:#0a0a0a}.setup-background-image{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:130%;min-height:1000px;background-image:url("/Fractal Glass - 1.jpg");background-size:cover;background-position:top;background-repeat:no-repeat;filter:brightness(.3);animation:slowPan 60s ease-in-out infinite alternate;will-change:transform}@keyframes slowPan{0%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-15%)}}.setup-content{position:relative;z-index:1;min-height:100vh}.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.onboarding-card{background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px 0 rgba(0,0,0,.37),inset 0 0 0 1px rgba(255,255,255,.08);border-radius:1rem;padding:2rem;width:100%;max-width:900px;transition:all .3s ease}.step-content{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}.onboarding-button,.step-content{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.onboarding-button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:white;padding:.75rem 2rem;border-radius:.5rem;font-weight:500;transition:all .3s ease;cursor:pointer}.onboarding-button:hover{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);transform:translateY(-1px);box-shadow:0 4px 20px 0 rgba(255,255,255,.1)}.onboarding-button-primary{background:linear-gradient(135deg,rgba(var(--accent-rgb),.8) 0,rgba(var(--accent-rgb),.6) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:white;font-weight:600}.onboarding-button-primary:hover{background:linear-gradient(135deg,rgba(var(--accent-rgb),.9) 0,rgba(var(--accent-rgb),.7) 100%);transform:translateY(-2px);box-shadow:0 8px 25px 0 rgba(var(--accent-rgb),.3),inset 0 0 0 1px rgba(255,255,255,.2)}.progress-bar{background:rgba(255,255,255,.1);height:4px;border-radius:2px;overflow:hidden;margin-bottom:2rem}.progress-fill{height:100%;background:linear-gradient(90deg,rgba(var(--accent-rgb),.8) 0,rgba(var(--accent-rgb),.6) 100%);transition:width .3s ease}@media (max-width:768px){@keyframes slowPan{0%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-10%)}}.setup-background-image{width:105%;height:120%}.onboarding-container{padding:1rem}.onboarding-card{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.setup-background-image{animation:none;transform:translateX(-50%) translateY(-10%)}}.icon-glass-container{background:rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px 0 rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1)}.icon-glass-container:hover{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);box-shadow:0 6px 25px 0 rgba(255,255,255,.15),inset 0 0 0 1px rgba(255,255,255,.15)}@supports not (backdrop-filter:blur(12px)){.onboarding-card{background:rgba(20,20,20,.95)}.step-content{background:rgba(30,30,30,.95)}.onboarding-button{background:rgba(40,40,40,.95)}}@keyframes fadeZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-zoom{animation:fadeZoom .5s ease-out forwards}@media (prefers-reduced-motion:reduce){.animate-fade-zoom{animation:none;opacity:1;transform:scale(1)}}