@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-font-weight:initial;--tw-duration:initial}}}:root{--form-border-radius:.75rem;--form-border-width:1px;--form-border-color:hsl(var(--border) / .5);--form-focus-ring:0 0 0 3px hsl(var(--primary) / .1);--form-transition:all .2s ease-in-out;--form-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--form-shadow-hover:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}:where(.form-container>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 6) * calc(1 - var(--tw-space-y-reverse)))}.form-container{border-radius:var(--radius-3xl,1.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:hsl(var(--border))}@supports (color:color-mix(in lab,red,red)){.form-container{border-color:color-mix(in oklab,hsl(var(--border)) 20%,transparent)}}.form-container{background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){.form-container{background-color:color-mix(in oklab,hsl(var(--background)) 50%,transparent)}}.form-container{padding:calc(var(--spacing,.25rem) * 6);--tw-backdrop-blur:blur(var(--blur-sm,8px));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);box-shadow:var(--form-shadow);transition:var(--form-transition)}.form-container:hover{box-shadow:var(--form-shadow-hover);border-color:hsl(var(--border) / .3)}.form-grid{gap:calc(var(--spacing,.25rem) * 6);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:768px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media(min-width:1024px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.modern-input{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);background-color:hsl(var(--background));width:100%;padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 3);color:hsl(var(--foreground));border-width:1px;border:var(--form-border-width) solid var(--form-border-color);border-radius:var(--form-border-radius);transition:var(--form-transition);font-size:var(--text-base);line-height:var(--leading-normal)}.modern-input:focus{border-color:hsl(var(--primary));box-shadow:var(--form-focus-ring);outline:none}.modern-input:hover{border-color:hsl(var(--border))}.modern-label{margin-bottom:calc(var(--spacing,.25rem) * 2);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:hsl(var(--foreground));font-size:var(--text-sm);line-height:var(--leading-normal);align-items:center;gap:.5rem;display:flex}.modern-label:before{content:"";background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary) / .7));border-radius:2px;width:4px;height:16px}.modern-input-error{border-color:hsl(var(--destructive));box-shadow:0 0 0 3px hsl(var(--destructive) / .1)}.modern-input-error:focus{border-color:hsl(var(--destructive));box-shadow:0 0 0 3px hsl(var(--destructive) / .2)}.modern-input-success{border-color:hsl(var(--success));box-shadow:0 0 0 3px hsl(var(--success) / .1)}.modern-form-button{border-radius:var(--radius-xl,.75rem);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 3);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--primary) / .8));color:#fff;box-shadow:var(--form-shadow);font-size:var(--text-sm);line-height:var(--leading-normal);border:none;transition-duration:.2s;animation-duration:.2s}.modern-form-button:hover{box-shadow:var(--form-shadow-hover);background:linear-gradient(135deg,hsl(var(--primary) / .9),hsl(var(--primary) / .7));transform:translateY(-1px)}.modern-form-button:active{transform:translateY(0)}.modern-form-button-loading{cursor:not-allowed;opacity:.7}@media(max-width:640px){.form-container{border-radius:var(--radius-2xl,1rem);padding:calc(var(--spacing,.25rem) * 4)}.modern-input{padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-base);min-height:44px}.modern-label{font-size:var(--text-sm)}.modern-form-button{padding-block:calc(var(--spacing,.25rem) * 2.5);font-size:var(--text-sm);min-height:44px}}@media(min-width:641px)and (max-width:1024px){.modern-input{font-size:var(--text-base);padding:.75rem 1rem}.modern-label{font-size:var(--text-sm)}.modern-form-button{font-size:var(--text-sm);padding:.75rem 1.5rem}.form-grid{gap:1.25rem}}@media(prefers-color-scheme:dark){.form-container{background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){.form-container{background-color:color-mix(in oklab,hsl(var(--background)) 80%,transparent)}}.modern-input{background-color:hsl(var(--background))}@supports (color:color-mix(in lab,red,red)){.modern-input{background-color:color-mix(in oklab,hsl(var(--background)) 90%,transparent)}}}@keyframes formSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-grid>*{animation:.3s ease-out formSlideIn}.form-grid>:first-child{animation-delay:.1s}.form-grid>:nth-child(2){animation-delay:.2s}.form-grid>:nth-child(3){animation-delay:.3s}.form-grid>:nth-child(4){animation-delay:.4s}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}