@font-face{font-family:"Metropolis";src:url(asset-path("Metropolis-Regular.woff2")) format("woff2"),url(asset-path("Metropolis-Regular.woff")) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Metropolis";src:url(asset-path("Metropolis-Medium.woff2")) format("woff2"),url(asset-path("Metropolis-Medium.woff")) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Metropolis";src:url(asset-path("Metropolis-SemiBold.woff2")) format("woff2"),url(asset-path("Metropolis-SemiBold.woff")) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Metropolis";src:url(asset-path("Metropolis-Bold.woff2")) format("woff2"),url(asset-path("Metropolis-Bold.woff")) format("woff");font-weight:700;font-style:normal;font-display:swap}.font-metropolis{font-family:"Metropolis",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{margin:0;padding:0}.signup-background{background-color:#8cc5cb;background-image:url("/assets/devise/background-a68219e0.jpg"),linear-gradient(221deg, var(--Colors-Emerald-200, #A7F3D0) 20.76%, var(--Colors-Indigo-500, #6366F1) 95.82%);background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:normal}.form-input{transition:all .2s ease-in-out}.form-input:focus{transform:scale(1.01);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.btn-primary{transition:all .2s ease-in-out}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.btn-google{transition:all .2s ease-in-out}.btn-google:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}input[type=checkbox]{transition:all .2s ease-in-out}input[type=checkbox]:checked{background-color:#4f46e5;border-color:#4f46e5}input[type=checkbox]:focus{box-shadow:0 0 0 3px rgba(79,70,229,.1);border-color:#4f46e5}label{cursor:pointer;transition:color .2s ease-in-out}.arrow-left{transition:transform .2s ease-in-out}.arrow-left:hover{transform:translateX(-2px)}.modal-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.field_with_errors{@apply inline-block w-full}.field_with_errors input,.field_with_errors select,.field_with_errors textarea{@apply border-red-500 focus:border-red-500 focus:ring-red-500}.form-success input{@apply border-emerald-500 focus:border-emerald-500 focus:ring-emerald-500}.password-strength{height:4px;border-radius:2px;transition:all .3s ease-in-out}.password-strength.weak{background-color:#ef4444;width:25%}.password-strength.medium{background-color:#f59e0b;width:50%}.password-strength.strong{background-color:#10b981;width:75%}.password-strength.very-strong{background-color:#059669;width:100%}.email-input{transition:all .2s ease-in-out}.email-input:focus{transform:scale(1.01);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.back-link{transition:all .2s ease-in-out}.back-link:hover{transform:translateX(-2px)}.password-field{transition:all .2s ease-in-out}.password-field:focus{transform:scale(1.01);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.password-toggle{transition:all .2s ease-in-out}.password-toggle:hover{transform:scale(1.1);color:#4f46e5}#signin_password_toggle,#signup_password_toggle,#reset_password_toggle{cursor:pointer;transition:all .2s ease-in-out;outline:none}#signin_password_toggle:hover,#signup_password_toggle:hover,#reset_password_toggle:hover{transform:scale(1.1);color:#4f46e5}#signin_password_toggle:focus,#signup_password_toggle:focus,#reset_password_toggle:focus{outline:2px solid #4f46e5;outline-offset:2px;border-radius:4px}#signin_eye_icon,#signup_eye_icon,#reset_eye_icon{transition:opacity .2s ease-in-out}input[type=text].password-visible{font-family:inherit;letter-spacing:normal}.reset-button{transition:all .2s ease-in-out}.reset-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.password-match{border-color:#10b981 !important}.password-mismatch{border-color:#ef4444 !important}.password-confirmation{transition:all .2s ease-in-out}.password-confirmation:focus{transform:scale(1.01);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.error-field{border-color:#e11d48 !important}.error-field:focus{border-color:#e11d48 !important;outline:none}.error-message{color:#e11d48;font-size:14px;font-weight:500;line-height:1.43;margin-top:8px;display:block}input.border-red-500{transition:all .2s ease-in-out;animation:error-shake .3s ease-in-out}@keyframes error-shake{0%,20%,40%,60%,80%{transform:translateX(0)}10%,30%,50%,70%{transform:translateX(-2px)}90%{transform:translateX(1px)}100%{transform:translateX(0)}}.error-icon{color:#e11d48;width:16px;height:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.form-invalid .field_with_errors input,.form-invalid .field_with_errors select,.form-invalid .field_with_errors textarea{border-color:#e11d48}.form-invalid .field_with_errors input:focus,.form-invalid .field_with_errors select:focus,.form-invalid .field_with_errors textarea:focus{border-color:#e11d48;outline:none}.form-valid input{border-color:#10b981}.form-valid input:focus{border-color:#10b981}.password-toggle.error-state{color:#e11d48}.password-toggle.error-state:hover{color:#be185d}.error-message{animation:error-fade-in .3s ease-out}@keyframes error-fade-in{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}.btn-error-state{background:linear-gradient(135deg, #a5b4fc 0%, #918af4 100%);color:#eef2ff;cursor:not-allowed;pointer-events:none}.field-group.has-error .field-label{color:#e11d48}.field-group.has-error .field-input{border-color:#e11d48;background-color:#fef2f2}.field-group.has-error .field-input:focus{border-color:#e11d48;background-color:#fff}.password-strength-container{margin-top:16px;animation:slideInDown .3s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}.password-bar{position:relative;overflow:hidden;background-color:#f4f4f5}.password-bar-fill{transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:left}.strength-very-weak{color:#ef4444 !important}.strength-weak{color:#f59e0b !important}.strength-fair{color:#eab308 !important}.strength-good{color:#22c55e !important}.strength-strong{color:#059669 !important}.strength-very-strong{color:#047857 !important}.requirement-item{transition:all .2s ease-in-out;padding:2px 0}.requirement-item:hover{transform:translateX(2px)}.requirement-met .requirement-icon{color:#059669;animation:checkMark .3s ease-out}.requirement-met .requirement-text{color:#059669}.requirement-unmet .requirement-icon{color:#71717a}.requirement-unmet .requirement-text{color:#71717a}@keyframes checkMark{0%{transform:scale(0.8);opacity:.6}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.password-bar-fill[data-bar="1"]{transition-delay:0ms}.password-bar-fill[data-bar="2"]{transition-delay:50ms}.password-bar-fill[data-bar="3"]{transition-delay:100ms}.password-bar-fill[data-bar="4"]{transition-delay:150ms}.password-bar-fill[data-bar="5"]{transition-delay:200ms}#password_strength_level{transition:color .3s ease-in-out,transform .2s ease-in-out}#password_strength_level:not(:empty){animation:pulseStrength .5s ease-out}@keyframes pulseStrength{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.requirement-check,.requirement-x{transition:opacity .2s ease-in-out,transform .2s ease-in-out}.requirement-check.hidden,.requirement-x.hidden{opacity:0;transform:scale(0.8)}.requirement-check:not(.hidden),.requirement-x:not(.hidden){opacity:1;transform:scale(1)}@media(max-width: 640px){.password-strength-container{margin-top:12px}.password-bar{height:8px}.requirement-item{padding:4px 0}}.banner-container{transform:translateX(-50%)}.alert-banner{animation:slideInFromTop .4s cubic-bezier(0.16, 1, 0.3, 1);box-shadow:0px 1px 3px 0px rgba(166,175,195,.4);width:100%;max-width:32rem}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}.success-banner{border-left:8px solid #059669}.error-banner{border-left:8px solid #e11d48}.banner-icon-container{transition:transform .2s ease-in-out}.banner-icon-container:hover{transform:scale(1.05)}.banner-close-btn{transition:all .2s ease-in-out;border-radius:4px}.banner-close-btn:hover{background-color:rgba(0,0,0,.05);transform:scale(1.1)}.banner-close-btn:focus{outline:2px solid #4f46e5;outline-offset:2px}.success-banner .banner-close-btn:focus{outline:2px solid #059669;outline-offset:2px}.error-banner .banner-close-btn:focus{outline:2px solid #e11d48;outline-offset:2px}.banner-dismiss-btn{transition:all .2s ease-in-out;position:relative}.banner-dismiss-btn::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:currentColor;transition:width .2s ease-in-out}.banner-dismiss-btn:hover::after{width:100%}.banner-fade-out{animation:fadeOutUp .3s ease-in-out forwards}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-100%)}}@media(max-width: 640px){.alert-banner{margin:0 16px;max-width:calc(100vw - 32px)}.alert-banner .flex.items-start.gap-4{gap:16px;padding:20px}.alert-banner h3{font-size:16px;line-height:20px}.alert-banner p{font-size:14px;line-height:22px}}@media(max-width: 480px){.alert-banner .flex.items-start.gap-4{gap:12px;padding:16px}.alert-banner .mb-4{margin-bottom:16px}}.banner-title{font-family:"Inter",sans-serif;font-weight:600;font-size:18px;line-height:22px}.banner-description{font-family:"Inter",sans-serif;font-weight:400;font-size:16px;line-height:26px}.banner-action{font-family:"Inter",sans-serif;font-weight:500;font-size:14px;line-height:22px}.mail-icon{transition:all .3s ease-in-out}.mail-icon:hover{transform:scale(1.05)}.confirmation-modal{animation:confirmationFadeIn .5s ease-out}@keyframes confirmationFadeIn{0%{opacity:0;transform:translateY(20px) scale(0.95)}100%{opacity:1;transform:translateY(0) scale(1)}}.continue-button{transition:all .2s ease-in-out}.continue-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.resend-link{transition:all .2s ease-in-out}.resend-link:hover{transform:translateX(2px)}.email-highlight{background:linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);padding:2px 6px;border-radius:4px;transition:all .2s ease-in-out}.success-checkmark{animation:checkmarkBounce .6s ease-out}@keyframes checkmarkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:.8}100%{transform:scale(1);opacity:1}}.confirmation-link{position:relative;transition:all .2s ease-in-out}.confirmation-link::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg, #4f46e5, #10b981);transition:width .3s ease-in-out}.confirmation-link:hover::after{width:100%}@media(max-width: 640px){.confirmation-modal{margin:16px;padding:32px 24px}.confirmation-modal h2{font-size:28px;line-height:36px}.confirmation-modal p{font-size:14px;line-height:22px}}
