:root{--font-heading: "Nunito", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--h1-size: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--h1-line: normal;--h1-weight: 800;--h2-size: clamp(1.125rem, 1rem + .5vw, 1.25rem);--h2-line: clamp(1.6rem, 1.4rem + .6vw, 1.875rem);--h3-size: clamp(1.125rem, 1rem + .5vw, 1.25rem);--h3-line: clamp(1.35rem, 1.2rem + .5vw, 1.5rem);--h4-size: clamp(.8125rem, .75rem + .25vw, .875rem);--h4-line: clamp(1.2rem, 1.1rem + .3vw, 1.3125rem);--font-paragraph: Inter, Roboto, Oxygen, sans-serif;--text-default-size: clamp(1rem, .9rem + .5vw, 1.25rem);--text-default-line: normal;--text-buttons-weight: 500;--text-link-size: clamp(1rem, .9rem + .5vw, 1.25rem);--text-link-line: normal;--text-tooltip-size: clamp(.6875rem, .65rem + .2vw, .75rem);--text-tooltip-line: normal;--text-tableitem-size: clamp(.875rem, .8rem + .4vw, 1rem);--text-tableitem-line: normal;--text-subtitle-size: clamp(.875rem, .8rem + .4vw, 1rem);--text-subtitle-line: normal;--text-language-title-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);--text-language-title-line: normal;--color-primary: #536397;--color-primary-hover: #6173b0;--color-label-bg-primary: #f7fbff;--color-accent: #d9bb2b;--color-accent-hover: #f2d130;--color-label-bg-accent: #fffcf0;--color-success: #a1e5ae;--color-text-success: #15513a;--color-success-hover: #b2ffc2;--color-label-bg-success: #e5ffee;--color-error: #cc6666;--color-error-hover: #e57373;--color-disabled: #9fa3aa;--color-outline-hover: var(--web-client-page-bg);--color-black: #000000;--color-white: #ffffff;--color-input-border: #d1d5dc;--color-border: var(--color-input-border);--color-accordeon-border: var(--color-input-border);--color-text-tooltip: #92400e;--color-text-on-light: #1a2033;--color-text-gray: #3f4f66;--color-text-link: #0062ff;--color-text-on-dark: #f2f6fd;--color-bg-grid-success: #c2f2c2;--color-bg-grid-error: #f2c2c2;--color-border-grid-success: var(--color-success);--color-border-grid-error: var(--color-error);--web-client-page-bg: #f9fafb;--card-bg: var(var(--color-white));--color-countdown-overlay: rgba(255, 255, 255, .85);--countdown-number-size: clamp(10rem, 8rem + 5vw, 15rem);--header-height: clamp(5rem, 3.25rem + 3vw, 6.5rem);--footer-height: clamp(8rem, 5.5rem + 5.5vw, 11rem);--footer-min-height: clamp(3rem, 2.5rem + 1vw, 3.5rem);--container-width: clamp(44rem, 80vw, 51rem);--gap-footer-to-content: clamp(6rem, 2rem + 10vw, 11.25rem);--gap-major-components: clamp(2rem, 1rem + 2.5vw, 3rem);--gap-major-components-tutorial: clamp(2.5rem, 2rem + 2.5vw, 2.25rem);--input-height: clamp(2.5rem, 2.15rem + .75vw, 2.875rem);--button-height: clamp(4rem, 3.3rem + 1.5vw, 4.75rem);--language-btn-width: clamp(11rem, 9rem + 4vw, 13.3125rem);--language-btn-height: clamp(6rem, 5rem + 2.5vw, 7.25rem);--logo-header-width: clamp(6.5rem, 4.8rem + 3.5vw, 8.43rem);--logo-header-height: clamp(5rem, 3.8rem + 2.5vw, 6.43rem);--icon-max: clamp(1.25rem, 1rem + .5vw, 1.5rem);--icon-large: clamp(3rem, 2rem + 2vw, 4rem);--card-width: clamp(20rem, 100%, 61rem);--input-pad-x: clamp(.75rem, .65rem + .25vw, .875rem);--input-pad-y: clamp(.375rem, .25rem + .25vw, .5rem);--gap-label-input: clamp(.375rem, .25rem + .25vw, .5rem);--accordeon-summary-pad-x: clamp(1rem, .5rem + 1vw, 1.5rem);--accordeon-summary-pad-y: clamp(.5rem, .3rem + .5vw, .75rem);--accordeon-padding: clamp(1.5rem, 1rem + 1vw, 2rem);--headshot-card-pad-x: clamp(1rem, .5rem + 1vw, 1.5rem);--headshot-card-pad-y: clamp(.75rem, .5rem + .5vw, 1rem);--gap-headshot-img-title: clamp(.5rem, .3rem + .4vw, .75rem);--gap-headshot-cards: clamp(.75rem, .5rem + .5vw, 1rem);--gap-language-details: clamp(1rem, .5rem + 1vw, 1.5rem);--gap-input-fields: clamp(1rem, .5rem + 1vw, 1.5rem);--gap-buttons: clamp(.75rem, .5rem + .5vw, 1rem);--gap-nav-items: clamp(1.5rem, .5rem + 2vw, 2.5rem);--gap-label-icon: var(--gap-label-input);--accordeon-height: var(--input-height);--gap-min-footer-nav-items: var(--gap-nav-items);--radius-headshot: var(--card-radius-default);--radius-default: var(--card-radius-default);--card-radius-default: .625rem;--card-radius: 1.5rem;--border-width: .125rem;--border: var(--border-width) solid var(--color-border);--shadow-card: 0 25px 50px -12px rgba(0, 0, 0, .07)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}body{min-height:100vh;color:var(--color-text-on-light);background-color:var(--web-client-page-bg);transition:color .5s,background-color .5s;line-height:1.6;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-family:var(--font-heading);font-size:var(--h1-size);line-height:var(--h1-line);font-weight:var(--h1-weight);color:var(--color-text-on-light)}h2{font-family:var(--font-heading);font-size:var(--h2-size);line-height:var(--h2-line);font-weight:700}h3{font-family:var(--font-heading);font-size:var(--h3-size);font-weight:var(--h3-weight);line-height:var(--h3-line);font-style:italic}h4{font-family:var(--font-heading);font-size:var(--h4-size);line-height:var(--h4-line)}p,button,a,span,label,input,textarea,li,ul{font-family:var(--font-paragraph);font-size:var(--text-default-size);line-height:var(--text-default-line)}a{text-decoration:none;transition:all .2s ease}a.link,router-link.link,.link{color:var(--color-text-link);text-decoration:underline}a.link:hover,router-link.link:hover,.link:hover{font-weight:700}.btn-selection{cursor:pointer;transition:all .2s ease;border:var(--border-width) solid var(--color-input-border);border-radius:var(--card-radius-default);background-color:var(--color-white)}.btn-selection:hover{border-color:var(--color-primary);background-color:var(--color-label-bg-primary);transform:translateY(-2px);box-shadow:var(--shadow-card)}.card{background-color:var(--color-white);border:var(--border);border-radius:var(--card-radius);box-shadow:var(--shadow-card)}.error-banner{background-color:var(--color-label-bg-accent);color:var(--color-text-tooltip);padding:1rem 1.5rem;border-radius:var(--card-radius-default);display:flex;align-items:center;gap:.75rem}#app{font-family:var(--font-paragraph)}@media(max-width:850px){.dashboard__buttons{flex-direction:column}}