.toaster{position:fixed;top:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:12px;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.toaster__item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:var(--color-surface-white);color:var(--color-text-body);font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:20px;box-shadow:0 10px 30px -8px #00000040;border:.8px solid var(--color-border);border-left-width:4px;pointer-events:auto;animation:toaster-in .25s ease-out}.toaster__item--success{border-left-color:var(--color-success)}.toaster__item--error{border-left-color:var(--color-error)}.toaster__item--info{border-left-color:var(--color-info)}.toaster__message{flex:1;min-width:0}.toaster__close{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:6px;font-size:18px;line-height:1;color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.toaster__close:hover{background:#0000000d;color:var(--color-text-body)}@keyframes toaster-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.toaster__item{animation:none}}.auth-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:clamp(24px,5vh,56px) clamp(16px,3vw,32px);background:color-mix(in srgb,var(--color-text-heading) 50%,transparent);backdrop-filter:blur(4px)}.auth-modal-shell{width:100%;max-width:1120px;margin:auto;outline:none}.auth-modal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;border-radius:16px;overflow:hidden;background:var(--color-surface-white);box-shadow:0 25px 50px -12px #00000040}.auth-modal__brand{padding:clamp(28px,3.5vw,48px);color:#fff;font-family:var(--font-sans);display:flex;flex-direction:column}.auth-modal--login .auth-modal__brand{background:linear-gradient(135deg,#ffc83d,#ffbf3d,#ffb73d,#ffae3d,#ffa53d,#ff9c3d,#ff933d,#ff8a3d,#ff834e,#ff7b5c,#ff7468,#ff6b72,#ff627c,#ff5885,#ff4d8d)}.auth-modal--signup .auth-modal__brand{background:linear-gradient(135deg,#7b61ff,#8f64f0,#a266e0,#b565d1,#c863c1,#da5eb0,#ed579f,#ff4d8d,#ff5885,#ff627c,#ff6b72,#ff7468,#ff7b5c,#ff834e,#ff8a3d)}.auth-modal__brand-header{display:flex;align-items:center;gap:8px;margin-bottom:32px}.auth-modal__brand-icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:14px;background:#fff3;flex-shrink:0}.auth-modal__brand-icon-wrap svg{width:20px;height:20px}.auth-modal__brand-name{font-weight:700;font-size:20px;line-height:28px;color:#fff}.auth-modal__brand-title{margin:0 0 24px;font-weight:700;font-size:clamp(30px,3.6vw,48px);line-height:1.22;color:#fff}.auth-modal__brand-desc{margin:0 0 32px;font-weight:400;font-size:clamp(16px,1.4vw,20px);line-height:1.45;color:#fff}.auth-modal__stats{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.auth-modal__stat-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:14px;background:#ffffff1a}.auth-modal__stat-icon-wrap{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#fff3;flex-shrink:0}.auth-modal__stat-icon-wrap svg{width:24px;height:24px}.auth-modal__stat-title{margin:0;font-weight:600;font-size:16px;line-height:24px;color:#fff}.auth-modal__stat-sub{margin:0;font-weight:400;font-size:14px;line-height:20px;color:#fffc}.auth-modal__features{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.auth-modal__feature-card{display:flex;align-items:center;gap:16px;padding:16px;border-radius:14px;background:#ffffff1a}.auth-modal__feature-icon-wrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:#fff3;flex-shrink:0}.auth-modal__feature-icon-wrap svg{width:20px;height:20px}.auth-modal__feature-text{margin:0;font-weight:500;font-size:16px;line-height:24px;color:#fff}.auth-modal__quote{margin:auto 0 0;font-weight:400;font-size:14px;line-height:20px;color:#fff9}.auth-modal__quote-author{display:block;margin-top:8px;color:#fff}.auth-modal__form-panel{padding:clamp(28px,3.5vw,48px);font-family:var(--font-sans);display:flex;flex-direction:column}.auth-modal__back-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-start;width:40px;height:40px;margin-bottom:24px;padding:0;border-radius:50%;border:.8px solid var(--color-border);background:var(--color-surface-white);color:var(--color-text-heading);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.auth-modal__back-btn:hover{background:#f9fafb;border-color:color-mix(in srgb,var(--color-text-muted) 50%,transparent);color:var(--color-text-body)}.auth-modal__back-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--color-btn-primary) 60%,transparent);outline-offset:2px}.auth-modal__form-title{margin:0 0 12px;font-weight:700;font-size:clamp(28px,3vw,36px);line-height:1.15;color:#0a0a0a}.auth-modal__form-subtitle{margin:0 0 32px;font-weight:400;font-size:16px;line-height:24px;color:var(--color-text-muted)}.auth-modal__error{margin-bottom:16px;padding:12px 16px;border-radius:8px;font-size:14px;line-height:20px;color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,transparent);border:.8px solid color-mix(in srgb,var(--color-error) 25%,transparent)}.auth-modal__field{margin-bottom:20px}.auth-modal__field:last-of-type{margin-bottom:0}.auth-modal__label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;line-height:20px;color:#0a0a0a}.auth-modal__input-wrap{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;background:#f9fafb;border:.8px solid rgba(229,231,235,1)}.auth-modal__input-wrap svg{width:20px;height:20px;flex-shrink:0;color:#0a0a0a66}.auth-modal__input{flex:1;min-width:0;border:none;background:transparent;font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:24px;color:#0a0a0a;outline:none}.auth-modal__input::placeholder{color:#0a0a0a80}.auth-modal__options{display:flex;align-items:center;justify-content:space-between;margin:20px 0 24px}.auth-modal__remember{display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px;line-height:20px;color:#4a5565;cursor:pointer}.auth-modal__remember input{width:16px;height:16px;cursor:pointer}.auth-modal--login .auth-modal__remember input{accent-color:rgba(255,138,61,1)}.auth-modal--signup .auth-modal__remember input{accent-color:rgba(123,97,255,1)}.auth-modal__terms{display:flex;align-items:flex-start;gap:10px;margin:20px 0 24px;font-weight:400;font-size:14px;line-height:20px;color:#4a5565;cursor:pointer}.auth-modal__terms input{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:rgba(123,97,255,1);cursor:pointer}.auth-modal__terms a{font-weight:500;color:#7b61ff;text-decoration:none}.auth-modal__terms a:hover{text-decoration:underline}.auth-modal__forgot{font-weight:500;font-size:14px;line-height:20px;color:#ff8a3d;text-decoration:none}.auth-modal__forgot:hover{text-decoration:underline}.auth-modal__submit{width:100%;margin-bottom:24px;padding:12px 24px;border:none;font-family:var(--font-sans);font-weight:600;font-size:16px;line-height:24px;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.auth-modal--login .auth-modal__submit{border-radius:8px;background:var(--gradient-gold-cta)}.auth-modal--signup .auth-modal__submit{border-radius:50px;background:linear-gradient(90deg,#7b61ff,#8563f7,#8f64f0,#9965e8,#a266e0,#ac66d9,#b565d1,#bf64c9,#c863c1,#d161b9,#da5eb0,#e45ba8,#ed579f,#f65396,#ff4d8d)}.auth-modal__submit:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.auth-modal__submit:disabled{opacity:.7;cursor:not-allowed}.auth-modal__divider{display:flex;align-items:center;gap:16px;margin-bottom:24px;font-weight:400;font-size:14px;line-height:20px;color:var(--color-text-muted)}.auth-modal__divider:before,.auth-modal__divider:after{content:"";flex:1;height:0;border-top:.8px solid rgba(229,231,235,1)}.auth-modal__social-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.auth-modal__social-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:8px;border:.8px solid rgba(229,231,235,1);background:#fff;font-family:var(--font-sans);font-weight:500;font-size:14px;line-height:20px;color:#0a0a0a;cursor:pointer;transition:background .2s ease}.auth-modal__social-btn:hover{background:#f9fafb}.auth-modal__social-btn svg{width:20px;height:20px}.auth-modal__footer{margin:0;font-weight:400;font-size:16px;line-height:24px;color:var(--color-text-muted);text-align:center}.auth-modal__footer-link{font-weight:600;font-size:16px;line-height:24px;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-sans)}.auth-modal--login .auth-modal__footer-link{color:#ff8a3d}.auth-modal--signup .auth-modal__footer-link{color:#7b61ff}.auth-modal__footer-link:hover{text-decoration:underline}@media (max-width: 860px){.auth-modal{grid-template-columns:1fr}.auth-modal__brand{padding:clamp(28px,6vw,40px)}.auth-modal__back-btn{margin-bottom:20px}}@media (max-width: 560px){.auth-modal{border-radius:14px}.auth-modal__stats,.auth-modal__features,.auth-modal__quote{display:none}.auth-modal__brand{padding:28px 22px}.auth-modal__brand-title{margin-bottom:12px}.auth-modal__brand-desc{margin-bottom:0}.auth-modal__form-panel{padding:28px 22px}.auth-modal__social-row{grid-template-columns:1fr}}@media (max-width: 380px){.auth-modal-overlay{padding:20px 10px}.auth-modal__brand,.auth-modal__form-panel{padding:24px 18px}.auth-modal__input-wrap{padding:13px 14px}.auth-modal__options{flex-direction:column;align-items:flex-start;gap:12px}}@media (hover: none){.auth-modal__submit:hover:not(:disabled){transform:none}}.auth-modal__screen{display:flex;flex-direction:column;flex:1;min-height:0;animation:auth-screen-in .25s ease-out}@keyframes auth-screen-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.auth-modal--brand .auth-modal__brand{background:var(--gradient-brand)}.auth-modal--brand .auth-modal__submit{border-radius:8px;background:var(--gradient-brand)}.auth-modal--brand .auth-modal__footer-link{color:#155dfc}.auth-modal--brand .auth-modal__remember input{accent-color:#155dfc}.auth-modal__forgot{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-sans)}.auth-modal__inline-link{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:14px;line-height:20px;text-decoration:none}.auth-modal__inline-link:hover:not(:disabled){text-decoration:underline}.auth-modal__inline-link:disabled{opacity:.6;cursor:default}.auth-modal--login .auth-modal__inline-link{color:#ff8a3d}.auth-modal--signup .auth-modal__inline-link{color:#7b61ff}.auth-modal--brand .auth-modal__inline-link{color:#155dfc}.auth-modal__field:last-of-type+.auth-modal__submit{margin-top:24px}.auth-modal__otp{display:flex;gap:12px;margin-bottom:24px}.auth-modal__otp-box{width:48px;height:56px;flex:0 0 auto;text-align:center;font-family:var(--font-sans);font-weight:600;font-size:22px;color:#0a0a0a;background:#f9fafb;border:1px solid var(--color-border);border-radius:12px;outline:none;transition:border-color .15s ease,background .15s ease}.auth-modal__otp-box:focus{border:2px solid #f0b100;background:#fff}.auth-modal__otp-box:disabled{opacity:.6;cursor:not-allowed}.auth-modal__otp--error .auth-modal__otp-box{border-color:var(--color-error)}.auth-modal__otp--error{animation:auth-otp-shake .45s ease}@keyframes auth-otp-shake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-6px)}30%,60%,90%{transform:translate(6px)}}.auth-modal__otp-error{margin:-8px 0 16px;text-align:center;font-size:14px;line-height:20px;color:var(--color-error)}.auth-modal__otp-resend{margin:0 0 8px;text-align:center;font-size:14px;line-height:20px;color:var(--color-text-muted)}.auth-modal__otp-resend-timer{font-weight:600;color:var(--color-text-body)}.auth-modal__input-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;background:none;color:#0a0a0a66;cursor:pointer;transition:color .15s ease}.auth-modal__input-toggle:hover{color:#0a0a0ab3}.auth-modal__input-toggle svg{width:20px;height:20px}.auth-modal__strength{margin-top:12px}.auth-modal__strength-bars{display:flex;gap:6px}.auth-modal__strength-seg{flex:1;height:4px;border-radius:2px;background:var(--color-border);transition:background .2s ease}.auth-modal__strength-label{display:block;margin-top:8px;font-size:13px;font-weight:600;line-height:18px;color:currentColor}.auth-modal__strength[data-level="1"]{color:var(--color-error)}.auth-modal__strength[data-level="2"]{color:var(--color-warning)}.auth-modal__strength[data-level="3"]{color:#eab308}.auth-modal__strength[data-level="4"]{color:var(--color-success)}.auth-modal__strength[data-level="1"] .auth-modal__strength-seg:nth-child(-n+1),.auth-modal__strength[data-level="2"] .auth-modal__strength-seg:nth-child(-n+2),.auth-modal__strength[data-level="3"] .auth-modal__strength-seg:nth-child(-n+3),.auth-modal__strength[data-level="4"] .auth-modal__strength-seg:nth-child(-n+4){background:currentColor}@media (max-width: 420px){.auth-modal__otp{gap:8px}.auth-modal__otp-box{width:40px;height:50px;font-size:20px}}@media (prefers-reduced-motion: reduce){.auth-modal__screen,.auth-modal__otp--error{animation:none}}