body,html,#root{box-sizing:border-box;margin:0;height:100%;background-image:linear-gradient(360deg,var(--color-white) 70%,var(--color-gray-light) 100%);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.App{display:flex;justify-content:center;align-items:center;margin:0;font-family:Arial,sans-serif}.logo{width:100px;object-fit:contain;text-align:center;margin:20px auto}.titleForm{color:var(--color-title-form);font-family:Geologica,sans-serif;font-weight:600;letter-spacing:-.03em;padding:0 20px 20px;border-bottom:1px solid var(--border-color)}.descForm{color:var(--color-title-form);padding:0 20px 20px;font-family:Geologica,sans-serif;letter-spacing:-.03em;display:block;width:310px;font-size:var(--font-size-small)}.form{padding:0 20px 20px;width:320px;max-height:500px}.error-form{color:var(--color-error-form)}button{outline:none}button:focus{outline:none}p{margin:0}h1{font-size:3rem;color:var(--color-title)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-white: #FFFFFF;--color-gray-light: #D3D3D3;--color-link: #646cff;--color-link-hover: #535bf2;--color-button-site: #2563EB;--color-title: #333;--color-error-form: red;--color-title-form: #57534E;--color-input: #78716C;--color-eye-password: #666;--background-dark-button: #78716C;--background-light-button-hover: #D6D3D1;--background-dark-button-hover: #A8A29E;--background-box-auth: #F5F5F4;--background-overlay: rgba(0, 0, 0, .5) --border-color: #dbdada;--border-input: #69727d;--box-shadow-dark: rgba(0, 0, 0, .1);--box-shadow-dark-2: rgba(0, 0, 0, .2);--box-shadow-dark-02: rgba(0, 0, 0, .2);--font-size-small: 14px;--font-size-medium: 20px;--font-size-big: 30px;--font-family-geologica-sans-serif: "Geologica", sans-serif}a{font-weight:500;color:var(--color-link);text-decoration:inherit}a:hover{color:var(--color-link-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--background-dark-button);cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}