:root{--app-color-primary: #5785EF;--app-color-primary-hover: #5993FF;--app-color-primary-bg: #EDF6FF;--app-color-primary-text: #5785EF;--app-color-primary-disabled: #9CC9FF;--app-color-secondary: #767676;--app-color-secondary-bg: #F5F5F5;--app-color-green: #16C987;--app-color-green-bg: #DEF7E7;--app-color-red: #E83046;--app-color-red-bg: #FBDFE2;--app-color-white: #FFFFFF;--app-color-black: #302F2D;--app-color-transparent: transparent;--app-color-text: #302F2D;--app-color-text-primary: #434343;--app-color-text-secondary: #767676;--app-color-text-disabled: #BEBEBE;--app-color-border: #E1E1E1;--app-color-divider: #EFEFEF;--app-color-background: #EEF3FF;--app-color-background-hover: #F5F5F5;--app-color-field-background: #F7F7F8;--app-color-surface: #FFFFFF;--app-color-grey-500: #9F9F9F;--app-color-overlay: rgba(85, 93, 113, .2);--app-border-radius-sm: 4px;--app-border-radius-md: 8px;--app-border-radius-lg: 12px;--app-shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--app-shadow-md: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--app-shadow-modal: 0px 1px 2px 0px rgba(16, 24, 40, .06), 0px 1px 3px 0px rgba(16, 24, 40, .1);--app-spacing-xs: 4px;--app-spacing-sm: 8px;--app-spacing-md: 16px;--app-spacing-lg: 24px;--app-spacing-xl: 32px;--app-font-size-xs: 12px;--app-font-size-sm: 14px;--app-font-size-md: 16px;--app-font-size-lg: 18px;--app-font-size-xl: 20px;--app-font-weight-regular: 400;--app-font-weight-medium: 500;--app-font-weight-semibold: 600;--app-font-weight-bold: 700;--app-transition-fast: .15s;--app-transition-normal: .25s;--app-button-primary-bg: var(--app-color-primary);--app-button-primary-hover-bg: var(--app-color-primary-hover);--app-button-primary-text: var(--app-color-white);--app-button-primary-disabled-bg: var(--app-color-primary-disabled);--app-button-primary-disabled-text: var(--app-color-white);--app-button-secondary-bg: var(--app-color-secondary-bg);--app-button-secondary-text: var(--app-color-text-primary);--app-button-secondary-hover-bg: #e8e8e8;--app-button-height-m: 56px;--app-button-height-s: 46px;--app-input-border-color: var(--app-color-border);--app-input-border-radius: var(--app-border-radius-md);--app-input-bg: var(--app-color-field-background);--app-input-focused-border-color: var(--app-color-primary);--app-input-error-border-color: var(--app-color-red);--app-input-label-color: var(--app-color-text-secondary);--app-input-label-active-color: var(--app-color-primary)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--app-font-size-md);color:var(--app-color-text);background-color:var(--app-color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}.support-page{min-height:100vh;background-color:var(--app-color-background);display:flex;flex-direction:column;align-items:center;padding:40px 20px 60px}.support-page__header{width:100%;max-width:560px;display:flex;align-items:center;gap:10px;margin-bottom:32px}.support-page__logo{display:flex;align-items:center;gap:10px;text-decoration:none}.support-page__logo-text{font-size:20px;font-weight:var(--app-font-weight-bold);color:var(--app-color-text);letter-spacing:-.3px}.support-page__logo-text span{color:var(--app-color-primary)}.support-page__card{width:100%;max-width:560px;background:var(--app-color-surface);border-radius:var(--app-border-radius-lg);box-shadow:0 4px 24px #5785ef14,0 1px 3px #0000000f;padding:40px}.support-page__title{font-size:24px;font-weight:var(--app-font-weight-bold);color:var(--app-color-text);margin:0 0 8px}.support-page__subtitle{font-size:var(--app-font-size-sm);color:var(--app-color-text-secondary);margin:0 0 32px;line-height:1.6}.support-form{display:flex;flex-direction:column;gap:20px}.support-form__field{display:flex;flex-direction:column;gap:6px}.support-form__label{font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium);color:var(--app-color-text-primary)}.support-form__label--required:after{content:" *";color:var(--app-color-red)}.support-form__input{height:48px;padding:0 14px;font-size:var(--app-font-size-md);font-family:inherit;color:var(--app-color-text);background:var(--app-color-field-background);border:1.5px solid var(--app-color-border);border-radius:var(--app-border-radius-md);outline:none;transition:border-color var(--app-transition-fast);width:100%}.support-form__input:focus{border-color:var(--app-color-primary);background:var(--app-color-white)}.support-form__input::placeholder{color:var(--app-color-text-disabled)}.support-form__input--error{border-color:var(--app-color-red)}.support-form__textarea{padding:12px 14px;font-size:var(--app-font-size-md);font-family:inherit;color:var(--app-color-text);background:var(--app-color-field-background);border:1.5px solid var(--app-color-border);border-radius:var(--app-border-radius-md);outline:none;resize:vertical;min-height:120px;transition:border-color var(--app-transition-fast);width:100%;line-height:1.5}.support-form__textarea:focus{border-color:var(--app-color-primary);background:var(--app-color-white)}.support-form__textarea::placeholder{color:var(--app-color-text-disabled)}.support-form__error{font-size:var(--app-font-size-xs);color:var(--app-color-red);margin-top:2px}.support-form__submit{margin-top:8px;height:52px;padding:0 24px;font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-semibold);font-family:inherit;color:var(--app-color-white);background:var(--app-color-primary);border:none;border-radius:var(--app-border-radius-md);cursor:pointer;transition:background var(--app-transition-fast),opacity var(--app-transition-fast);width:100%}.support-form__submit:hover:not(:disabled){background:var(--app-color-primary-hover)}.support-form__submit:disabled{background:var(--app-color-primary-disabled);cursor:not-allowed}.support-form__success{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0 8px;text-align:center}.support-form__success-icon{width:56px;height:56px;border-radius:50%;background:var(--app-color-green-bg);display:flex;align-items:center;justify-content:center;font-size:28px}.support-form__success-title{font-size:var(--app-font-size-lg);font-weight:var(--app-font-weight-semibold);color:var(--app-color-text);margin:0}.support-form__success-text{font-size:var(--app-font-size-sm);color:var(--app-color-text-secondary);margin:0}.support-page__divider{width:100%;height:1px;background:var(--app-color-divider);margin:32px 0 28px}.support-page__contacts-title{font-size:var(--app-font-size-md);font-weight:var(--app-font-weight-semibold);color:var(--app-color-text);margin:0 0 16px}.support-page__contacts{display:flex;flex-direction:column;gap:12px}.support-page__contact-item{display:flex;align-items:center;gap:12px}.support-page__contact-icon{width:36px;height:36px;border-radius:var(--app-border-radius-md);background:var(--app-color-primary-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.support-page__contact-info{display:flex;flex-direction:column;gap:1px}.support-page__contact-label{font-size:var(--app-font-size-xs);color:var(--app-color-text-secondary)}.support-page__contact-value{font-size:var(--app-font-size-sm);font-weight:var(--app-font-weight-medium);color:var(--app-color-text);text-decoration:none}.support-page__contact-value:hover{color:var(--app-color-primary)}.support-page__footer{margin-top:32px;font-size:var(--app-font-size-xs);color:var(--app-color-text-secondary);text-align:center}@media(max-width:600px){.support-page__card{padding:24px 20px}.support-page__title{font-size:20px}}