:root{color-scheme:light;--brand-500: #f6efad;--brand-600: #f1eaa3;--danger: #d92d20;--bg: #f2f2f2;--bg-strong: #f4f4f4;--surface: #ffffff;--text: #15151c;--text-muted: #6b6b7b;--border-strong: #c9c9d6;--focus: #7c4dff;--hover-tint: rgb(21 21 28 / 2%);--on-brand: #15151c;--on-danger: #ffffff;--container: 1180px;--gutter: 40px;--card-width: 540px;--control-height: 44px;--logo-height: 25px;--radius-md: 3px;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--fs-base: 15px;--fs-secondary: 14px;--fs-small: 12px;--fw-base: 600;--fw-regular: 400}:root[data-theme=dark]{color-scheme:dark;--bg: #0d0d11;--bg-strong: #1b1b22;--surface: #14141a;--text: #f1f1f5;--text-muted: #9797a6;--border-strong: #35353f;--hover-tint: rgb(255 255 255 / 4%)}@media(max-width:900px){:root{--gutter: 24px}}@media(max-width:600px){:root{--gutter: 16px}}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased}a{color:inherit}.field__input{width:100%;height:var(--control-height);padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:transparent;color:var(--text);font:inherit;font-size:var(--fs-secondary);transition:border-color .15s ease,background-color .15s ease}.field__input::placeholder{color:var(--text-muted)}.field__input:hover:not(:focus){border-color:var(--text-muted);background-color:var(--hover-tint)}.field__input:focus{border-color:var(--text);outline:none}.field__input--invalid{border-color:var(--danger)}.field__input--invalid:hover:not(:focus),.field__input--invalid:focus{border-color:var(--danger)}@media(max-width:600px){.field__input{font-size:16px}}.field__error{margin:-2px 0 0;color:var(--danger);font-size:var(--fs-small)}.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:var(--control-height);padding:0 16px;border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-size:var(--fs-base);font-weight:var(--fw-base);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .1s ease}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn:active:not(:disabled){transform:scale(.99)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--primary{background-color:var(--brand-500);color:var(--on-brand)}.btn--primary:hover:not(:disabled){background-color:var(--brand-600)}.btn--outline{border-color:var(--border-strong);background-color:transparent;color:var(--text)}.btn--outline:hover:not(:disabled){border-color:var(--text-muted)}.btn--outline-danger{border-color:var(--danger);background-color:transparent;color:var(--danger)}.btn--outline-danger:hover:not(:disabled){background-color:color-mix(in srgb,var(--danger) 8%,transparent)}.btn--danger{background-color:var(--danger);color:var(--on-danger)}.btn--danger:hover:not(:disabled){background-color:color-mix(in srgb,var(--danger) 88%,black)}@media(prefers-reduced-motion:reduce){.btn,.field__input{transition:none}}.spinner{width:1em;height:1em;flex:none;border:2px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}
