*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--page-background: #f2f2f2;--card-background: #ffffff;--card-border-radius: 8px;--card-shadow: 0 2px 8px rgba(0, 0, 0, .08);--card-max-width: 400px;--card-padding: 40px 32px;--font-family: "Roboto Flex", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Work Sans", var(--font-family);--color-text: #1e1e1e;--color-text-secondary: #65676e;--color-primary: #5951ff;--color-primary-hover: #3f3b98;--input-border-color: rgba(0, 0, 0, .23);--input-border-color-focus: var(--color-primary);--input-border-color-error: #c62f4c;--input-border-radius: 4px;--input-background: #ffffff;--input-background-focus: #f2f2ff;--button-background: var(--color-primary);--button-background-hover: var(--color-primary-hover);--button-border-radius: 4px;--button-text-color: #ffffff;--button-font-weight: 600;--color-disabled-bg: #f6f6f7;--color-disabled-text: #a3a2bd}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family);font-size:14px;color:var(--color-text)}.page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--page-background);padding:24px}.card{width:100%;max-width:var(--card-max-width);background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);padding:var(--card-padding)}.card__header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.card__logo{max-height:52px;max-width:200px;margin-bottom:16px;object-fit:contain}.card__title{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0}.card__subtitle{font-size:.875rem;color:var(--color-text-secondary);margin-top:8px}.card__form{display:flex;flex-direction:column}.field{position:relative;isolation:isolate}.field__input{width:100%;height:auto;padding:14px 16px;font-size:1rem;line-height:1.25;font-family:var(--font-family);color:var(--color-text);background-color:var(--input-background);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);outline:none;transition:background-color .2s ease,border-color .2s ease}.field__input::placeholder{color:transparent}.field__input:focus{background-color:var(--input-background-focus);border-color:var(--input-border-color-focus)}.field__input:disabled{background-color:var(--color-disabled-bg);cursor:not-allowed}.field__input:disabled+.field__label{background:var(--color-disabled-bg)}.field__input.field__input--error{border-color:var(--input-border-color-error)}.field__input.field__input--error:focus{border-color:var(--input-border-color-error)}.field__label{position:absolute;left:10px;top:0;transform:translateY(-50%) scale(.75);font-size:1rem;font-family:var(--font-family);color:var(--input-border-color-focus);pointer-events:none;transform-origin:left top;transition:color .2s ease,background .2s ease;background:var(--input-background);padding:0 4px;max-width:calc((100% - 24px) / .75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field__input:focus+.field__label{color:var(--input-border-color-focus);background:var(--input-background-focus)}.field__input.field__input--error+.field__label{color:var(--input-border-color-error)}.field__helper{font-size:.75rem;font-weight:400;line-height:1.66;letter-spacing:.03333em;font-family:var(--font-family);color:var(--input-border-color-error);margin:3px 14px 0;text-align:left}.card__btn{width:100%;height:44px;background-color:var(--button-background);color:var(--button-text-color);font-size:.875rem;font-family:var(--font-family);font-weight:var(--button-font-weight);line-height:1.43;letter-spacing:.02857em;text-transform:initial;border:none;border-radius:var(--button-border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease;outline:none;margin-top:16px;padding:0 12px}.card__btn:hover:not(:disabled){background-color:var(--button-background-hover)}.card__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card__btn:disabled{background-color:var(--color-disabled-bg);border:1px solid #e8eaf1;color:var(--color-disabled-text);cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.card-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin-top:24px}.card-footer__link{font-family:var(--font-family);font-weight:600;font-size:.875rem;line-height:1.43;color:var(--color-text-secondary);text-decoration:none}.card-footer__link:hover{text-decoration:underline}.widget__dev-result{display:flex;flex-direction:column;gap:12px;text-align:left}.widget__dev-result-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#92400e}.widget__dev-result-code{background:#fffbeb;border:1px solid #f59e0b;border-radius:var(--input-border-radius);padding:12px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#1c1917;white-space:pre;overflow-x:auto;line-height:1.6}.widget__dev-result-reset{align-self:flex-start;background:none;border:1px solid currentColor;border-radius:var(--button-border-radius);color:var(--color-text-secondary);font-size:13px;font-family:var(--font-family);cursor:pointer;padding:6px 14px;transition:color .15s ease}.widget__dev-result-reset:hover{color:var(--color-text)}