.form-page{background-color:var(--background);isolation:isolate;justify-content:center;align-items:center;min-height:100svh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.form-page:before{z-index:-3;content:"";background-image:url(../media/background-form.1xl4awtdya_2r.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.form-page:after{z-index:-2;content:"";background:radial-gradient(circle at 50% 45%, color-mix(in oklch, var(--primary) 8%, transparent), transparent 55%), linear-gradient(to bottom, color-mix(in oklch, var(--background) 15%, transparent), color-mix(in oklch, var(--background) 45%, transparent));pointer-events:none;position:absolute;inset:0}.form-page__container{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:32rem;display:flex}@media (min-width:1280px){.form-page__container{min-width:480px}}.form-page__return{color:var(--muted-foreground);transition:color var(--motion-fast,.2s) var(--motion-ease,ease-out);align-items:center;margin-bottom:.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.form-page__return:hover{color:var(--primary)}.form-card{border:1px solid color-mix(in oklch, var(--border) 85%, transparent);background:linear-gradient(145deg, color-mix(in oklch, var(--card) 92%, transparent), color-mix(in oklch, var(--background) 82%, transparent));-webkit-backdrop-filter:blur(20px);border-radius:.875rem;width:100%;position:relative;overflow:hidden}.form-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.6;width:80%;height:1px;position:absolute;top:0;left:10%}.form-card__header{border-bottom:1px solid color-mix(in oklch, var(--border) 80%, transparent);padding:1.25rem 1.5rem}.form-card__description{color:var(--muted-foreground);margin:0;font-size:.9375rem;line-height:1.5}.form-card__content{flex-direction:column;gap:.875rem;padding:1.5rem;display:flex}.form-card__footer{border-top:1px solid color-mix(in oklch, var(--border) 80%, transparent);padding:1rem 1.5rem}.form-card__footer-text{color:var(--muted-foreground);text-align:center;margin:0;font-size:.875rem;line-height:1.5}.social-signin{flex-direction:column;gap:1rem;display:flex}.social-signin__divider{justify-content:center;align-items:center;margin-top:.25rem;display:flex;position:relative}.social-signin__divider:before,.social-signin__divider:after{content:"";background:color-mix(in oklch, var(--border) 80%, transparent);flex:1;height:1px}.social-signin__divider span{color:var(--muted-foreground);white-space:nowrap;padding:0 .75rem;font-size:.75rem}.social-signin__row{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.625rem;display:flex}.social-signin__button{flex:10rem;gap:.5rem;max-width:16rem;font-size:.8125rem}@media (max-width:380px){.social-signin__button{flex-basis:100%;max-width:none}}@media (max-width:640px){.form-page{align-items:flex-start;min-height:100svh;padding:2.5rem 1rem 1.5rem}.form-page__container{max-width:100%}.form-card{border-radius:.75rem}.form-card__header{padding:1rem 1.125rem}.form-card__content{padding:1.125rem}.form-card__footer{padding:.875rem 1.125rem}}@media (max-width:380px){.form-page{padding-left:.75rem;padding-right:.75rem}.form-card__content{padding:1rem}}@media (prefers-reduced-motion:reduce){.form-page__return{transition:none}}
.input-wrapper{flex-direction:column;gap:.5rem;width:100%;display:flex}.input-label{color:var(--foreground);cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.25rem}.input-label:after{content:""}.input{border:1px solid var(--input);background:color-mix(in oklch, var(--background) 82%, transparent);width:100%;min-width:0;height:2.75rem;color:var(--foreground);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--foreground) 3%, transparent);transition:border-color var(--motion-fast,.2s) var(--motion-ease,ease-out), box-shadow var(--motion-fast,.2s) var(--motion-ease,ease-out), background-color var(--motion-fast,.2s) var(--motion-ease,ease-out);border-radius:.5rem;outline:none;padding:.625rem .875rem;font-size:.875rem;line-height:1.25rem}.input::placeholder{color:var(--muted-foreground);opacity:.7}.input:hover:not(:disabled){border-color:color-mix(in oklch, var(--primary) 25%, var(--input))}.input:focus{border-color:var(--ring);background:color-mix(in oklch, var(--background) 92%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 12%, transparent)}.input:disabled{cursor:not-allowed;opacity:.5}.input.input-error{border-color:var(--destructive)}.input.input-error:focus{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in oklch, var(--destructive) 12%, transparent)}.input-error-text{color:var(--destructive);margin-top:.125rem;font-size:.75rem;line-height:1rem}.input-field{width:100%;display:flex;position:relative}.input.with-icon-right{padding-right:2.875rem}.input-icon-btn{width:2rem;height:2rem;color:var(--muted-foreground);cursor:pointer;transition:color var(--motion-fast,.2s) var(--motion-ease,ease-out), background-color var(--motion-fast,.2s) var(--motion-ease,ease-out);background:0 0;border:0;border-radius:.375rem;outline:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:.375rem;transform:translateY(-50%)}.input-icon-btn:hover{color:var(--accent-foreground)}.input-icon-btn:focus-visible{color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklch, var(--ring) 30%, transparent)}.input-icon-btn:active{transform:translateY(-50%)scale(.96)}.input-icon-btn svg{width:1rem;height:1rem}.checkbox-wrapper{align-items:flex-start;gap:.625rem;width:100%;display:flex}.checkbox-wrapper>label{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:inline-flex;position:relative}.checkbox-input{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.checkbox-box{border:1px solid var(--input);background:var(--background);width:1.125rem;height:1.125rem;transition:background-color var(--motion-fast,.2s) var(--motion-ease,ease-out), border-color var(--motion-fast,.2s) var(--motion-ease,ease-out), box-shadow var(--motion-fast,.2s) var(--motion-ease,ease-out), transform var(--motion-fast,.2s) var(--motion-ease,ease-out);border-radius:.3rem;justify-content:center;align-items:center;display:flex}.checkbox-wrapper>label:hover .checkbox-box{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 8%, transparent)}.checkbox-input:checked+.checkbox-box{border-color:var(--primary);background:var(--primary);box-shadow:0 0 14px color-mix(in oklch, var(--primary) 18%, transparent)}.checkbox-check{fill:none;width:.8rem;height:.8rem;stroke:var(--primary-foreground);stroke-width:2.75px;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity var(--motion-fast,.2s) var(--motion-ease,ease-out), transform var(--motion-fast,.2s) var(--motion-ease,ease-out);transform:scale(.7)}.checkbox-input:checked+.checkbox-box .checkbox-check{opacity:1;transform:scale(1)}.checkbox-input:focus-visible+.checkbox-box{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 15%, transparent)}.checkbox-input:disabled+.checkbox-box{cursor:not-allowed;opacity:.5}.checkbox-wrapper:has(.checkbox-input:disabled){opacity:.6}.checkbox-wrapper:has(.checkbox-input:disabled)>label{cursor:not-allowed}.checkbox-label{color:var(--muted-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;line-height:1.25rem}.checkbox-label:hover{color:var(--foreground)}.checkbox-error{color:var(--destructive)}.input-date::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.7)brightness(1.4);transition:filter var(--motion-fast,.2s) var(--motion-ease,ease-out);border-radius:.25rem;padding:.25rem}.input-date:hover::-webkit-calendar-picker-indicator{filter:invert(.7)brightness(1.4)sepia()saturate(4)hue-rotate(165deg)}.input-date:focus::-webkit-calendar-picker-indicator{filter:invert(.7)brightness(1.4)sepia()saturate(4)hue-rotate(165deg)}.input-date::-webkit-datetime-edit{color:var(--foreground)}.input-date::-webkit-datetime-edit-fields-wrapper{color:var(--foreground)}.input-date:disabled::-webkit-calendar-picker-indicator{cursor:not-allowed;opacity:.5}.select-wrapper{width:100%;display:flex;position:relative}.select-input{appearance:none;border:1px solid var(--input);background:color-mix(in oklch, var(--background) 82%, transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .75rem center / 1rem 1rem;width:100%;min-width:0;height:2.75rem;color:var(--foreground);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--foreground) 3%, transparent);cursor:pointer;transition:border-color var(--motion-fast,.2s) var(--motion-ease,ease-out), box-shadow var(--motion-fast,.2s) var(--motion-ease,ease-out), background-color var(--motion-fast,.2s) var(--motion-ease,ease-out);border-radius:.5rem;outline:none;padding:.625rem 2.25rem .625rem .875rem;font-size:.875rem;line-height:1.25rem}.select-input:hover:not(:disabled){border-color:color-mix(in oklch, var(--primary) 25%, var(--input))}.select-input:focus{border-color:var(--ring);background-color:color-mix(in oklch, var(--background) 92%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 12%, transparent)}.select-input:disabled{cursor:not-allowed;opacity:.5}.select-input option{background:var(--background);color:var(--foreground)}.select-input.select-error{border-color:var(--destructive)}.select-input.select-error:focus{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in oklch, var(--destructive) 12%, transparent)}.select-error-message{color:var(--destructive);margin-top:.125rem;font-size:.75rem;line-height:1rem}.form-link{color:var(--muted-foreground);transition:color var(--motion-fast,.2s) var(--motion-ease,ease-out);font-size:.875rem;text-decoration:none}.form-link:hover{color:var(--primary)}@media (max-width:640px){.input{height:2.75rem;padding-left:.75rem;padding-right:.75rem}.input.with-icon-right{padding-right:2.75rem}}@media (prefers-reduced-motion:reduce){.input,.input-icon-btn,.checkbox-box,.checkbox-check,.select-input,.form-link{transition:none}.input-icon-btn:active{transform:translateY(-50%)}}.input.input-textarea{resize:vertical;height:auto;min-height:6rem}
input:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--background) inset!important;-webkit-text-fill-color:var(--foreground)!important}input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--background) inset!important;-webkit-text-fill-color:var(--foreground)!important}input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--background) inset!important;-webkit-text-fill-color:var(--foreground)!important}input:-webkit-autofill:active{transition:background-color 9999s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--background) inset!important;-webkit-text-fill-color:var(--foreground)!important}