.auth-page-active{--accent-color:#9333ea!important;--accent-rgb:147,51,234!important;--accent:#9333ea!important;--accent-hover:#7e22ce!important;--accent-color-hover:#7e22ce!important}.auth-page-active .glass-button-accent,.auth-page-active button[type=submit]{background:linear-gradient(135deg,#9333ea,#ec4899)!important;color:white!important;border:none!important}.auth-page-active .glass-button-accent:hover,.auth-page-active button[type=submit]:hover{background:linear-gradient(135deg,#7e22ce,#db2777)!important;transform:translateY(-1px);box-shadow:0 4px 20px rgba(147,51,234,.4)}.auth-page-active input:focus,.auth-page-active input:focus-visible{border-color:#9333ea!important;outline-color:#9333ea!important;box-shadow:0 0 0 2px rgba(147,51,234,.25)!important}.auth-page-active .focus\:ring-accent:focus{--tw-ring-color:#9333ea!important}.glass-card{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);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);transition:all .3s ease}.glass-card:hover{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 12px 40px 0 rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.1)}.glass-input{background:rgba(255,255,255,.03);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.9);transition:all .3s ease}.glass-input:focus{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.05)}.glass-input::-moz-placeholder{color:rgba(255,255,255,.4)}.glass-input::placeholder{color:rgba(255,255,255,.4)}.glass-button{background:rgba(255,255,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);color:white;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.glass-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)}.glass-button:active{transform:translateY(0)}.glass-button-accent{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;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.glass-button-accent: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)}.glass-google-button{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:rgba(0,0,0,.8);transition:all .3s ease}.glass-google-button:hover{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.4);transform:translateY(-1px);box-shadow:0 4px 20px 0 rgba(255,255,255,.2);filter:brightness(1.1)}.glass-text-primary{color:rgba(255,255,255,.95)}.glass-text-secondary{color:rgba(255,255,255,.7)}.glass-text-tertiary{color:rgba(255,255,255,.5)}.glass-link{color:rgba(255,255,255,.8);text-decoration:none;transition:all .2s ease;position:relative}.glass-link:hover{color:rgba(255,255,255,1);text-shadow:0 0 20px rgba(255,255,255,.5)}.glass-divider{border-color:rgba(255,255,255,.1)}.glass-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.glass-error,.glass-success{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:rgba(255,255,255,.9)}.glass-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2)}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-card{background:rgba(20,20,20,.95)}.glass-input{background:rgba(30,30,30,.95)}.glass-button{background:rgba(40,40,40,.95)}}.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 ((-webkit-backdrop-filter:blur(12px)) or (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)}}