.input-wrapper{flex-direction:column;width:100%;display:flex}.input-label{margin-bottom:var(--spacing-sm);color:var(--color-text-headline);font-weight:500;font-size:var(--font-size-button);-webkit-user-select:none;user-select:none;display:block}.input-required{color:var(--color-error);margin-left:2px;font-weight:700}.input-container{align-items:center;width:100%;display:flex;position:relative}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-text-headline);font-family:inherit;font-size:var(--font-size-body);line-height:var(--line-height-body);transition:var(--transition);-webkit-tap-highlight-color:transparent;appearance:none}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent);background-color:var(--color-white);outline:none}.input:focus-visible{outline:2px solid var(--color-accent);outline-offset:0}.input:hover:not(:disabled):not(:focus){border-color:var(--color-gray-500)}.input:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed;opacity:.6;border-color:var(--color-gray-300)}.input--error{border-color:var(--color-error);background-color:#ef44440d}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error)}.input--error:focus-visible{outline-color:var(--color-error)}.input-toggle-password{right:var(--spacing-md);cursor:pointer;padding:var(--spacing-xs);color:var(--color-gray-500);transition:color var(--transition);-webkit-tap-highlight-color:transparent;pointer-events:auto;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.input-toggle-password:hover{color:var(--color-text-headline)}.input-toggle-password:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.input-toggle-password:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.input-toggle-icon{stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.input-container:has(.input-toggle-password) .input{padding-right:calc(var(--spacing-md) + 40px)}.input-error{margin-top:var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-small);line-height:var(--line-height-small);font-weight:500;display:block}.input::placeholder{color:var(--color-gray-500);opacity:1}@media (prefers-reduced-motion:reduce){.input,.input-toggle-password{transition:none}}.input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px var(--color-white) inset!important;box-shadow:0 0 0 30px var(--color-white) inset!important}.input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px var(--color-white) inset!important;box-shadow:0 0 0 30px var(--color-white) inset!important}.input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px var(--color-white) inset!important;box-shadow:0 0 0 30px var(--color-white) inset!important}.input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--color-white) inset!important;box-shadow:0 0 0 30px var(--color-white) inset!important}.input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-headline)!important;caret-color:var(--color-accent)!important}
.label{color:var(--color-text-headline);font-weight:500;font-size:var(--font-size-button);line-height:var(--line-height-body);margin-bottom:var(--spacing-sm);-webkit-user-select:none;user-select:none;cursor:pointer;transition:color var(--transition);display:block}.label:hover{color:var(--color-accent)}.label-required{color:var(--color-error);margin-left:2px;font-weight:700}
.form-field{border:none;flex-direction:column;width:100%;margin:0;padding:0;display:flex}.form-field-hint{margin-bottom:var(--spacing-xs);color:var(--color-gray-500);font-size:var(--font-size-small);line-height:var(--line-height-small);font-weight:400;display:block}.form-field-error{margin-top:var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-small);line-height:var(--line-height-small);font-weight:500;animation:.2s ease-out form-field-error-slide;display:block}@keyframes form-field-error-slide{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.form-field+.form-field{margin-top:var(--spacing-lg)}@media (prefers-reduced-motion:reduce){.form-field-error{animation:none}}
.card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:var(--transition)}.card--padding-sm{padding:var(--spacing-sm)}.card--padding-md{padding:var(--spacing-lg)}.card--padding-lg{padding:var(--spacing-xl)}.card--hover{cursor:pointer;-webkit-user-select:none;user-select:none}.card--hover:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-card);transform:translateY(-2px)}.card--hover:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.card{transition:none}.card--hover:hover,.card--hover:active{transform:none}}