/* Дизайн-токены Teique front, перенесены как есть из
   _ds/psychometric-laboratory-design-system-.../tokens/*.css макетов. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
--color-primary-full:#259dd5;
--color-primary-light:#66bae2;
--color-primary-gradient:linear-gradient(180deg,#259dd5 0%,#66bae2 100%);
--color-text-blue:#0093d8;
--color-secondary-full:#f3792a;
--color-secondary-light:#eba97c;
--color-secondary-gradient:linear-gradient(180deg,#f3792a 0%,#eba97c 100%);
--color-black:#1e1e1e;
--color-gray:#808080;
--color-light-gray:#d9d9d9;
--color-white:#ffffff;
--color-white-gradient:linear-gradient(180deg,#ededed 0%,#ffffff 69.61%);
--color-error-full:#ec1c24;
--color-error-light:#f26065;
--color-error-gradient:linear-gradient(180deg,#f26065 0%,#ec1c24 100%);
--color-disabled-gradient:linear-gradient(180deg,#cccccc 0%,#979797 100%);
--color-facet-red-full:#ec1c24;
--color-facet-red-light:#f26065;
--color-facet-red-gradient:linear-gradient(180deg,#f26065 0%,#ec1c24 100%);
--color-facet-magenta-full:#b271a4;
--color-facet-magenta-light:#c99bbf;
--color-facet-magenta-gradient:linear-gradient(180deg,#c99bbf 0%,#b271a4 100%);
--color-facet-purple-full:#7569a1;
--color-facet-purple-light:#9e96bd;
--color-facet-purple-gradient:linear-gradient(180deg,#9e96bd 0%,#7569a1 100%);
--color-facet-green-full:#3aa756;
--color-facet-green-light:#75c188;
--color-facet-green-gradient:linear-gradient(180deg,#75c188 0%,#3aa756 100%);
--color-facet-yellow-full:#ebbb3d;
--color-facet-yellow-light:#f1cf77;
--color-facet-yellow-gradient:linear-gradient(180deg,#f1cf77 0%,#ebbb3d 100%);
--text-body:var(--color-black);
--text-muted:var(--color-gray);
--text-link:var(--color-primary-full);
--text-link-hover:var(--color-secondary-full);
--surface-page:var(--color-white);
--surface-card:var(--color-white);
--border-subtle:var(--color-light-gray);
--color-green-full:#3aa756;
--color-green-light:#75c188;
--color-yellow-full:#ebbb3d;
--color-yellow-light:#f1cf77;
--color-magenta-full:#b271a4;
--color-magenta-light:#c99bbf;
--color-purple-full:#7569a1;
--color-purple-light:#9e96bd;
--surface-row-hover:#f7fbfe;
--surface-row-open:#f0f8fd;

--font-manrope:'Manrope',sans-serif;
--font-inter:'Inter',sans-serif;
--font-display:var(--font-manrope);
--font-body:var(--font-inter);
--font-size-title-xl:36px;
--font-size-title-large:20px;
--font-size-content:16px;
--font-size-secondary:12px;
--font-weight-bold:700;
--font-weight-semibold:600;
--font-weight-regular:400;
--font-weight-light:300;
--line-height-tight:1.2;
--line-height-normal:1.4;
--line-height-button:1.365;

--spacing-wide-l:192px;
--spacing-wide-m:64px;
--spacing-wide-s:56px;
--spacing-standard-l:48px;
--spacing-standard-m:40px;
--spacing-standard-s:32px;
--spacing-narrow-l:24px;
--spacing-narrow-m:16px;
--spacing-narrow-s:8px;
--spacing-narrow-xs:2px;
--radius-standard:16px;
--radius-small:8px;
--radius-pill:50px;
--radius-pill-mobile:24px;
--radius-nav-pill:40px;

--shadow-card:0px 1px 6px 0px rgba(0,0,0,0.12),0px 4px 20px 0px rgba(0,0,0,0.18);
--shadow-card-hover:0px 2px 8px 0px rgba(0,0,0,0.15),0px 6px 24px 0px rgba(0,0,0,0.2);
--shadow-inner:0px 0px 6px 2px inset rgba(0,0,0,0.2);
--shadow-table-header:0 8px 12px -8px rgba(0,0,0,0.25);
--shadow-light:0px 0px 2px 0px rgba(0,0,0,0.25);
--ease-standard:all 0.3s ease;
--ease-fast:all 0.2s ease;
--ease-slow:all 0.4s cubic-bezier(0.4,0,0.2,1);

--teique-header-h:96px;
}

*{margin:0;padding:0;box-sizing:border-box}
*:focus,button:focus,a:focus{outline:none}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-body);font-size:var(--font-size-content);line-height:var(--line-height-normal);color:var(--color-black);background:var(--color-white)}
img{max-width:100%;height:auto}
a{color:var(--text-link);text-decoration:none;transition:var(--ease-standard)}
a:hover{color:var(--text-link-hover)}
button{font:inherit}
.container{max-width:1440px;margin:0 auto;padding:0 var(--spacing-wide-l)}
@media (min-width:1441px){.container{max-width:1600px}}
@media (max-width:1024px){.container{padding:0 64px}}
@media (max-width:768px){.container{padding:0 16px}}
@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}