.auth-page{background:radial-gradient(ellipse 60% 50% at 10% 20%, #b571de1f 0%, transparent 60%), radial-gradient(ellipse 50% 60% at 90% 80%, #80cacd1a 0%, transparent 60%), var(--bg-login,#faf8ff);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.auth-card{border-radius:var(--radius-xl,24px);background:var(--white,#fff);width:100%;max-width:1000px;height:680px;max-height:90vh;animation:.6s cubic-bezier(.22,1,.36,1) both authCardEnter;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000000a,0 20px 60px #b571de24,0 40px 80px #00000012}.auth-card--wide{max-width:1120px}@keyframes authCardEnter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-left{background:linear-gradient(145deg,#6825c2 0%,#b571de 40%,#80cacd 75%,#e8a598 100%);flex-direction:column;flex-shrink:0;justify-content:space-between;width:42%;padding:30px 28px;display:flex;position:relative;overflow:hidden}.auth-left:before,.auth-left:after{content:"";filter:blur(60px);opacity:.55;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite alternate authBlobDrift;position:absolute}.auth-left:before{background:radial-gradient(circle,#80cacdb3 0%,#6b25c266 70%);width:320px;height:320px;animation-duration:9s;top:-80px;left:-80px}.auth-left:after{background:radial-gradient(circle,#e1947fb3 0%,#b571de4d 70%);width:280px;height:280px;animation-duration:11s;animation-direction:alternate-reverse;bottom:-60px;right:-60px}@keyframes authBlobDrift{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,40px)scale(1.08)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(15px,-30px)scale(1.05)}}.auth-left-noise{pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.auth-left-logo{z-index:2;position:relative}.auth-left-logo a{text-decoration:none;display:inline-block}.auth-left-logo img{filter:brightness(0)invert()drop-shadow(0 2px 8px #0003);width:130px;transition:transform .3s}.auth-left-logo img:hover{transform:scale(1.03)}.auth-left-flowers{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.auth-flower{-webkit-user-select:none;user-select:none;opacity:.5;position:absolute}.auth-flower--left{filter:saturate(.7)brightness(1.1);width:auto;height:95%;bottom:-12%;left:-18%}.auth-flower--right{opacity:.4;filter:saturate(.6)brightness(1.2);width:auto;height:80%;bottom:-8%;right:-22%}.auth-left-copy{z-index:2;color:#fffffff2;position:relative}.auth-left-quote{letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin-bottom:10px;font-size:clamp(.8rem,1.2vw,.9rem);font-weight:400}.auth-left-headline{font-family:var(--font-secondary);text-shadow:0 2px 12px #0000002e;margin:0;font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:600;line-height:1.25}.auth-left-headline em{opacity:.9;font-style:italic}.auth-left-badges{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.wellness-badge{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);letter-spacing:.02em;background:#ffffff26;border:1px solid #ffffff40;border-radius:50px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.wellness-badge svg{opacity:.85;width:14px;height:14px}.auth-left-steps{gap:8px;margin-top:20px;display:flex}.auth-left-step-dot{background:#ffffff59;border-radius:50%;width:8px;height:8px;transition:all .3s}.auth-left-step-dot.current{background:#fff;transform:scale(1.3)}.auth-left-step-dot.done{background:#ffffffb3}.auth-right{background:var(--white,#fff);flex-direction:column;flex:1;justify-content:flex-start;padding:clamp(32px,5vw,56px) clamp(28px,5vw,52px);display:flex;position:relative;overflow:hidden}.auth-right-header{flex-shrink:0}.auth-right-form{flex-direction:column;flex:1;min-height:0;display:flex}.auth-right-scroll-area{flex:1;margin-right:-12px;padding-bottom:20px;padding-right:12px;overflow:hidden auto}.auth-right-scroll-area::-webkit-scrollbar{width:6px}.auth-right-scroll-area::-webkit-scrollbar-track{background:0 0}.auth-right-scroll-area::-webkit-scrollbar-thumb{background:#e0dced;border-radius:10px}.auth-right-scroll-area::-webkit-scrollbar-thumb:hover{background:#d0cce0}.auth-right-footer{background:var(--white);z-index:2;flex-shrink:0;padding-top:8px;position:relative}.auth-right:before{content:"";pointer-events:none;background:radial-gradient(circle,#b571de12 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-80px;right:-80px}.auth-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--purple);align-items:center;gap:6px;margin-bottom:10px;font-size:.78rem;font-weight:600;display:inline-flex}.auth-eyebrow-dot{background:var(--purple);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite authDotPulse}@keyframes authDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.auth-title{font-family:var(--font-secondary);color:var(--text-color);margin:0 0 8px;font-size:clamp(2rem,4.5vw,2.6rem);font-weight:700;line-height:1.12}.auth-subtitle{color:var(--text-muted);margin:0 0 22px;font-size:.85rem;line-height:1.6}.auth-field{margin-bottom:16px;position:relative}.auth-field label{color:var(--text-muted);pointer-events:none;z-index:1;background:0 0;padding:0 4px;font-size:.88rem;transition:all .22s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.auth-input{border-radius:var(--radius-md,12px);background:var(--bg-input,#f8f5ff);width:100%;font-size:.88rem;font-family:var(--font-primary);color:var(--text-color);cursor:text;-webkit-appearance:none;border:1.5px solid #e0dced;outline:none;min-height:58px;padding:24px 16px 8px;transition:border-color .25s,box-shadow .25s}.auth-input:focus{border-color:var(--purple);background:#fff;box-shadow:0 0 0 4px #b571de1f}:-webkit-any(.auth-input:focus+label,.auth-input:not(:placeholder-shown)+label,.auth-input:-webkit-autofill+label){color:var(--purple);letter-spacing:.03em;font-size:.7rem;font-weight:600;top:8px;transform:translateY(0)translate(-2.5px)}:is(.auth-input:focus+label,.auth-input:not(:placeholder-shown)+label,.auth-input:autofill+label){color:var(--purple);letter-spacing:.03em;font-size:.7rem;font-weight:600;top:8px;transform:translateY(0)translate(-2.5px)}.auth-input:-webkit-autofill{transition:background-color 9999s ease-in-out,border-color .25s;-webkit-box-shadow:0 0 0 1000px var(--bg-input,#f8f5ff) inset!important;-webkit-text-fill-color:var(--text-color)!important}.auth-input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out,border-color .25s;-webkit-box-shadow:0 0 0 1000px var(--bg-input,#f8f5ff) inset!important;-webkit-text-fill-color:var(--text-color)!important}.auth-input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out,border-color .25s;-webkit-box-shadow:0 0 0 1000px var(--bg-input,#f8f5ff) inset!important;-webkit-text-fill-color:var(--text-color)!important}.auth-input-wrap{position:relative}.auth-input-wrap .auth-input{padding-right:48px}.auth-toggle-pw{cursor:pointer;color:var(--text-muted);z-index:2;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-toggle-pw:hover{color:var(--purple)}.auth-toggle-pw svg{width:18px;height:18px}.auth-btn{border-radius:var(--radius-md,12px);background:var(--purple);color:#fff;width:100%;font-size:.9rem;font-family:var(--font-primary);letter-spacing:.02em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:15px 24px;font-weight:600;transition:background-color .25s,box-shadow .25s,transform .15s;display:flex;box-shadow:0 4px 20px #b571de59}.auth-btn:hover{background:var(--purple-hover);transform:translateY(-2px);box-shadow:0 10px 30px #b571de73}.auth-btn:active{transform:translateY(0);box-shadow:0 4px 16px #b571de4d}.auth-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-btn--secondary{color:var(--purple);border:1.5px solid var(--purple);box-shadow:none;background:0 0}.auth-btn--secondary:hover{background:#b571de14;transform:translateY(-1px);box-shadow:0 4px 16px #b571de26}.btn-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;margin:16px 0;font-size:.82rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e8e4f0;flex:1;height:1px}.auth-footer-row{text-align:center;color:var(--text-muted);margin-top:8px;font-size:.82rem}.auth-footer-row a{color:var(--purple);font-weight:600;text-decoration:none;transition:all .2s}.auth-footer-row a:hover{color:var(--purple-hover);text-decoration:underline}.auth-forgot{text-align:right;margin:-8px 0 18px;display:block}.auth-forgot a{color:var(--text-muted);font-size:.78rem;font-weight:500;text-decoration:none;transition:color .2s}.auth-forgot a:hover{color:var(--purple);text-decoration:underline}.auth-error{color:var(--color-error,#e53e5a);border-radius:var(--radius-md,12px);background:#e53e5a14;border:1px solid #e53e5a40;margin-bottom:16px;padding:10px 14px;font-size:.82rem;animation:.25s authFadeIn}.auth-success{color:#2bc4bc;border-radius:var(--radius-md,12px);background:#80cacd1a;border:1px solid #80cacd4d;margin-bottom:16px;padding:10px 14px;font-size:.82rem;animation:.25s authFadeIn}@keyframes authFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.reg-progress-bar{gap:6px;margin-bottom:8px;display:flex}.reg-progress-step{background:#e8e4f0;border-radius:2px;flex:1;height:4px;transition:background .35s}.reg-progress-step.active{background:var(--purple)}.reg-progress-step.done{background:var(--cyan,#80cacd)}.reg-progress-label{color:var(--text-muted);margin:0 0 20px;font-size:.75rem}.reg-section-header{margin-bottom:20px}.reg-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--purple);align-items:center;gap:6px;margin-bottom:8px;font-size:.75rem;font-weight:600;display:inline-flex}.reg-eyebrow-dot{background:var(--purple);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite authDotPulse}.reg-title{font-family:var(--font-secondary);color:var(--text-color);margin:0 0 6px;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;line-height:1.15}.reg-subtitle{color:var(--text-muted);margin:0;font-size:.83rem;line-height:1.55}.reg-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reg-question{color:var(--text-color);margin:16px 0 8px;font-size:.88rem;font-weight:600}.reg-choices{flex-direction:column;gap:8px;display:flex}.reg-choices.inline{flex-flow:wrap;gap:8px}.reg-choice{border-radius:var(--radius-md,12px);cursor:pointer;color:var(--text-color);-webkit-user-select:none;user-select:none;border:1.5px solid #e0dced;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;transition:border-color .2s,background .2s;display:flex}.reg-choice:hover{border-color:var(--purple);background:#b571de0a}.reg-choice input[type=radio]:checked~.reg-choice{border-color:var(--purple);color:var(--purple);background:#b571de14}.reg-choice:has(input:checked){border-color:var(--purple);color:var(--purple);background:#b571de14}.reg-choice input{accent-color:var(--purple);cursor:pointer;flex-shrink:0;width:16px;height:16px}.reg-terms{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:10px;margin-top:12px;font-size:.82rem;line-height:1.5;display:flex}.reg-terms input{accent-color:var(--purple);cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.reg-terms a{color:var(--purple);font-weight:600;text-decoration:none}.reg-terms a:hover{text-decoration:underline}.auth-input:is(select){cursor:pointer;padding-top:28px}.auth-input:is(select).has-value+label,.auth-input:is(select):focus+label{color:var(--purple);font-size:.7rem;font-weight:600;top:8px;transform:translate(-2.5px)}.reg-other-input{border-radius:var(--radius-md,12px);background:var(--bg-input,#f8f5ff);width:100%;font-size:.85rem;font-family:var(--font-primary);color:var(--text-color);border:1.5px solid #e0dced;outline:none;margin-top:8px;padding:12px 16px;transition:border-color .25s,opacity .25s}.reg-other-input:disabled{opacity:0;pointer-events:none}.reg-other-input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #b571de1f}.reg-nav{border-top:1px solid #f0ecfa;gap:10px;margin-top:20px;padding-top:16px;display:flex}.reg-login-row{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.82rem}.reg-login-row a{color:var(--purple);font-weight:600;text-decoration:none}.reg-login-row a:hover{text-decoration:underline}@media (max-width:820px){.auth-page{align-items:stretch;padding:0}.auth-card{height:auto;min-height:100svh;max-height:none;box-shadow:none;border-radius:0;flex-direction:column;animation:none}.auth-left{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;min-height:200px;max-height:260px;padding:24px 28px}.auth-left-logo img{width:95px}.auth-left-headline{font-size:1.15rem}.auth-left-badges{flex-flow:wrap;gap:6px;margin-top:10px}.auth-flower--left{opacity:.4;height:130%;bottom:-15%;left:-12%}.auth-flower--right{opacity:.25;height:110%;bottom:-10%;right:-15%}.auth-right{flex:1;padding:28px 24px 36px}.reg-row{grid-template-columns:1fr}}@media (max-width:480px){.auth-left{max-height:200px;padding:18px 20px}.auth-left-badges{display:none}.auth-flower--right{opacity:.2}.auth-right{padding:22px 18px 28px}}
