@font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }  @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'), url('../fonts/OpenSans-BoldItalic.woff') format('woff'), url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-MediumItalic.woff2') format('woff2'), url('../fonts/OpenSans-MediumItalic.woff') format('woff'), url('../fonts/OpenSans-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-LightItalic.woff2') format('woff2'), url('../fonts/OpenSans-LightItalic.woff') format('woff'), url('../fonts/OpenSans-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; }  @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Italic.woff2') format('woff2'), url('../fonts/OpenSans-Italic.woff') format('woff'), url('../fonts/OpenSans-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Medium.woff2') format('woff2'), url('../fonts/OpenSans-Medium.woff') format('woff'), url('../fonts/OpenSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Light.woff2') format('woff2'), url('../fonts/OpenSans-Light.woff') format('woff'), url('../fonts/OpenSans-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'), url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff'), url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/OpenSans-SemiBold.woff') format('woff'), url('../fonts/OpenSans-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }  :root { --container-width: 90%; --max-width: 1700px; --font-family: 'Open Sans'; --spacing-small: 8px; --spacing-medium: 16px; --spacing-large: 32px; --border-radius: 4px; --z-index-modal: 1000; --z-index-header: 999; --transition-speed: 0.3s; --transition-ease: ease-in-out; --standard-font-size: 1.1rem;   --color-primary: #7ba1db; --color-primary-100: #7ba1db; --color-secondary: #121736;  --color-neutral: #FFFFFF; --color-neutral-100: #F4F4F4; --color-neutral-300: #D3D3D3; --color-neutral-600: #7C7C7C; --color-neutral-900: #000000;  --color-accent: #FFEC5D; --color-accent-hover: #E1D04F; --color-accent-info: #FF6B00; --color-accent-success: #FF6B00; --color-accent-error: #FF6B00; }   .debug { outline: 1px solid red !important; }  * { margin: 0; padding: 0; box-sizing: border-box; font-family: var(--font-family), sans-serif; transition: all var(--transition-speed) var(--transition-ease); } ::selection { background-color: var(--color-primary); color: white; }  html, body { font-size: 16px; } @media (min-width: 2400px) { html, body { font-size: 19px !important; } } @media (min-width: 1440px) and (max-width: 2400px) { html, body { font-size: 17px !important; } } @media (max-width: 934px) { html, body { font-size: 15px !important; } h1 { font-size: 2.486rem !important; } } body { width: 100%; min-height: 100vh; --webkit-font-smoothing: antialiased; --moz-osx-font-smoothing: grayscale; position: relative; }  h1, h2, h3, h4, h5, h6 { font-weight: inherit; letter-spacing: -0.5px; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-wrap: balance; } p, ul, a { letter-spacing: 0.3px; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-wrap: balance; } h1 { font-size: 3.486rem; line-height: 1.15; margin-bottom: 1rem; } h2 { font-size: 2.488rem; line-height: 1.15; margin-bottom: 1rem; } h3 { font-size: 2.074rem; line-height: 1.15; margin-bottom: 1rem; } h4 { font-size: 1.728rem; line-height: 1.15; margin-bottom: 1rem; } h5 { font-size: 1.44rem; line-height: 1.15; } h6 { font-size: 1.2rem; line-height: 1.15; margin-bottom: 1rem; } p { font-size: var(--standard-font-size); line-height: 1.6; margin-bottom: 1rem; } ul { font-size: var(--standard-font-size); line-height: 1.6; margin-top: 14px; margin-bottom: 14px; list-style-position: inside; }  input, textarea, select, button { font-family: inherit; font-size: var(--standard-font-size); color: inherit; border: 1px solid #ccc; border-radius: var(--border-radius); padding: var(--spacing-small); font-weight: 400; } input:focus { border-color: var(--color-neutral-900); } button { background-color: var(--color-primary); color: white; border: none; transition: background-color var(--transition-speed); } button:hover { background-color: var(--color-secondary); } a, button { cursor: pointer; display: inline-block; text-decoration: none; font-size: var(--standard-font-size); } select, input { font-size: var(--standard-font-size); } a:focus, button:focus, input:focus { outline: none; outline-offset: 0px; }  img, video { max-width: 100%; height: auto; display: block; }  label { position:relative; display:block; } .container { width: var(--container-width); max-width: var(--max-width); margin: 0 auto; } .container-expanded { width: calc(var(--container-width) + 4%); max-width: calc(var(--max-width) + 44px); margin: 0 auto; }   .primary-clr { color: var(--color-primary); } .primary-clr-100 { color: var(--color-primary-100); } .secondary-clr { color: var(--color-secondary); }  .neutral-clr { color: var(--color-neutral); } .neutral-clr-100 { color: var(--color-neutral-100); } .neutral-clr-300 { color: var(--color-neutral-300); } .neutral-clr-600 { color: var(--color-neutral-600); } .neutral-clr-900 { color: var(--color-neutral-900); }  .accent-info-clr { color: var(--color-accent-info); } .accent-success-clr { color: var(--color-accent-success); } .accent-error-clr { color: var(--color-accent-error); }  .bg-primary-clr { background-color: var(--color-primary); } .bg-primary-clr-100 { background-color: var(--color-primary-100); } .bg-secondary-clr { background-color: var(--color-secondary); }  .bg-neutral-clr { background-color: var(--color-neutral); } .bg-neutral-clr-100 { background-color: var(--color-neutral-100); } .bg-neutral-clr-300 { background-color: var(--color-neutral-300); } .bg-neutral-clr-600 { background-color: var(--color-neutral-600); } .bg-neutral-clr-900 { background-color: var(--color-neutral-900); }  .bg-accent-info-clr { background-color: var(--color-accent-info); } .bg-accent-success-clr { background-color: var(--color-accent-success); } .bg-accent-error-clr { background-color: var(--color-accent-error); }  .object-cover { object-fit: cover } .object-contain { object-fit: contain }  .br-full { border-radius: 100% } .br-null { border-radius: 0 } .br-n5 { border-radius: 0.090rem; } .br-n4 { border-radius: 0.146rem; } .br-n3 { border-radius: 0.236rem; } .br-n2 { border-radius: 0.382rem; } .br-n1 { border-radius: 0.618rem; } .br { border-radius: 1rem; } .br-1 { border-radius: 1.618rem; } .br-2 { border-radius: 2.618rem; } .br-3 { border-radius: 4.236rem; } .br-4 { border-radius: 6.854rem; } .br-5 { border-radius: 11.09rem; } .br-6 { border-radius: 17.944rem; } .br-7 { border-radius: 29.034rem; } .br-8 { border-radius: 46.978rem; } .br-9 { border-radius: 76.012rem; } .br-10 { border-radius: 122.99rem; }  .grid { display: grid } .grid.col-1 { grid-template-columns: 1fr } .grid.col-2 { grid-template-columns: 1fr 1fr } .grid.col-3 { grid-template-columns: 1fr 1fr 1fr } .grid.col-4 { grid-template-columns: 1fr 1fr 1fr 1fr } .grid.row-1 { grid-template-rows: 1fr } .grid.row-2 { grid-template-rows: 1fr 1fr } .grid.row-3 { grid-template-rows: 1fr 1fr 1fr } .grid.row-4 { grid-template-rows: 1fr 1fr 1fr 1fr }  .flex { display: flex } .flex-wrap { flex-wrap: wrap } .flex-column { flex-flow: column }  .items-ytop { align-items: start } .items-ycenter { align-items: center } .items-ybottom { align-items: end } .items-xstart { justify-content: start } .items-xcenter { justify-content: center } .items-xevenly { justify-content: space-evenly } .items-xbetween { justify-content: space-between } .items-xend { justify-content: end }  .gap-n5 { gap: 0.090rem } .gap-n4 { gap: 0.146rem } .gap-n3 { gap: 0.236rem } .gap-n2 { gap: 0.382rem } .gap-n1 { gap: 0.618rem } .gap { gap: 1rem } .gap-1 { gap: 1.618rem } .gap-2 { gap: 2.618rem } .gap-3 { gap: 4.236rem } .gap-4 { gap: 6.854rem } .gap-5 { gap: 11.09rem } .gap-6 { gap: 17.944rem } .gap-7 { gap: 29.034rem } .gap-8 { gap: 46.978rem }  .mx-auto { margin-left: auto; margin-right: auto } .my-auto { margin-top: auto; margin-bottom: auto } .m-null { margin: 0 } .p-null { padding: 0 }  .pd-n5 { padding: 0.090rem; } .pd-n4 { padding: 0.146rem; } .pd-n3 { padding: 0.236rem; } .pd-n2 { padding: 0.382rem; } .pd-n1 { padding: 0.618rem; } .pd { padding: 1rem; } .pd-1 { padding: 1.618rem; } .pd-2 { padding: 2.618rem; } .pd-3 { padding: 4.236rem; } .pd-4 { padding: 6.854rem; } .pd-5 { padding: 11.09rem; } .pd-6 { padding: 17.944rem; } .pd-7 { padding: 29.034rem; } .pd-8 { padding: 46.978rem; } .pd-9 { padding: 76.012rem; } .pd-10 { padding: 122.99rem; }  .pt-n5 { padding-top: 0.090rem; } .pt-n4 { padding-top: 0.146rem; } .pt-n3 { padding-top: 0.236rem; } .pt-n2 { padding-top: 0.382rem; } .pt-n1 { padding-top: 0.618rem; } .pt { padding-top: 1rem; } .pt-1 { padding-top: 1.618rem; } .pt-2 { padding-top: 2.618rem; } .pt-3 { padding-top: 4.236rem; } .pt-4 { padding-top: 6.854rem; } .pt-5 { padding-top: 11.09rem; } .pt-6 { padding-top: 17.944rem; } .pt-7 { padding-top: 29.034rem; } .pt-8 { padding-top: 46.978rem; } .pt-9 { padding-top: 76.012rem; } .pt-10 { padding-top: 122.99rem; }  .pb-n5 { padding-bottom: 0.090rem; } .pb-n4 { padding-bottom: 0.146rem; } .pb-n3 { padding-bottom: 0.236rem; } .pb-n2 { padding-bottom: 0.382rem; } .pb-n1 { padding-bottom: 0.618rem; } .pb { padding-bottom: 1rem; } .pb-1 { padding-bottom: 1.618rem; } .pb-2 { padding-bottom: 2.618rem; } .pb-3 { padding-bottom: 4.236rem; } .pb-4 { padding-bottom: 6.854rem; } .pb-5 { padding-bottom: 11.09rem; } .pb-6 { padding-bottom: 17.944rem; } .pb-7 { padding-bottom: 29.034rem; } .pb-8 { padding-bottom: 46.978rem; } .pb-9 { padding-bottom: 76.012rem; } .pb-10 { padding-bottom: 122.99rem; }  .pl-n5 { padding-left: 0.090rem; } .pl-n4 { padding-left: 0.146rem; } .pl-n3 { padding-left: 0.236rem; } .pl-n2 { padding-left: 0.382rem; } .pl-n1 { padding-left: 0.618rem; } .pl { padding-left: 1rem; } .pl-1 { padding-left: 1.618rem; } .pl-2 { padding-left: 2.618rem; } .pl-3 { padding-left: 4.236rem; } .pl-4 { padding-left: 6.854rem; } .pl-5 { padding-left: 11.09rem; } .pl-6 { padding-left: 17.944rem; } .pl-7 { padding-left: 29.034rem; } .pl-8 { padding-left: 46.978rem; } .pl-9 { padding-left: 76.012rem; } .pl-10 { padding-left: 122.99rem; }  .pr-n5 { padding-right: 0.090rem; } .pr-n4 { padding-right: 0.146rem; } .pr-n3 { padding-right: 0.236rem; } .pr-n2 { padding-right: 0.382rem; } .pr-n1 { padding-right: 0.618rem; } .pr { padding-right: 1rem; } .pr-1 { padding-right: 1.618rem; } .pr-2 { padding-right: 2.618rem; } .pr-3 { padding-right: 4.236rem; } .pr-4 { padding-right: 6.854rem; } .pr-5 { padding-right: 11.09rem; } .pr-6 { padding-right: 17.944rem; } .pr-7 { padding-right: 29.034rem; } .pr-8 { padding-right: 46.978rem; } .pr-9 { padding-right: 76.012rem; } .pr-10 { padding-right: 122.99rem; }  .mn-n5 { margin-right: 0.090rem; } .mn-n4 { margin-right: 0.146rem; } .mn-n3 { margin-right: 0.236rem; } .mn-n2 { margin-right: 0.382rem; } .mn-n1 { margin-right: 0.618rem; } .mn { margin-right: 1rem; } .mn-1 { margin-right: 1.618rem; } .mn-2 { margin-right: 2.618rem; } .mn-3 { margin-right: 4.236rem; } .mn-4 { margin-right: 6.854rem; } .mn-5 { margin-right: 11.09rem; } .mn-6 { margin-right: 17.944rem; } .mn-7 { margin-right: 29.034rem; } .mn-8 { margin-right: 46.978rem; } .mn-9 { margin-right: 76.012rem; } .mn-10 { margin-right: 122.99rem; }  .mt-n5 { margin-top: 0.090rem; } .mt-n4 { margin-top: 0.146rem; } .mt-n3 { margin-top: 0.236rem; } .mt-n2 { margin-top: 0.382rem; } .mt-n1 { margin-top: 0.618rem; } .mt { margin-top: 1rem; } .mt-1 { margin-top: 1.618rem; } .mt-2 { margin-top: 2.618rem; } .mt-3 { margin-top: 4.236rem; } .mt-4 { margin-top: 6.854rem; } .mt-5 { margin-top: 11.09rem; } .mt-6 { margin-top: 17.944rem; } .mt-7 { margin-top: 29.034rem; } .mt-8 { margin-top: 46.978rem; } .mt-9 { margin-top: 76.012rem; } .mt-10 { margin-top: 122.99rem; }  .mb-n5 { margin-bottom: 0.090rem; } .mb-n4 { margin-bottom: 0.146rem; } .mb-n3 { margin-bottom: 0.236rem; } .mb-n2 { margin-bottom: 0.382rem; } .mb-n1 { margin-bottom: 0.618rem; } .mb { margin-bottom: 1rem; } .mb-1 { margin-bottom: 1.618rem; } .mb-2 { margin-bottom: 2.618rem; } .mb-3 { margin-bottom: 4.236rem; } .mb-4 { margin-bottom: 6.854rem; } .mb-5 { margin-bottom: 11.09rem; } .mb-6 { margin-bottom: 17.944rem; } .mb-7 { margin-bottom: 29.034rem; } .mb-8 { margin-bottom: 46.978rem; } .mb-9 { margin-bottom: 76.012rem; } .mb-10 { margin-bottom: 122.99rem; }  .ml-n5 { margin-left: 0.090rem; } .ml-n4 { margin-left: 0.146rem; } .ml-n3 { margin-left: 0.236rem; } .ml-n2 { margin-left: 0.382rem; } .ml-n1 { margin-left: 0.618rem; } .ml { margin-left: 1rem; } .ml-1 { margin-left: 1.618rem; } .ml-2 { margin-left: 2.618rem; } .ml-3 { margin-left: 4.236rem; } .ml-4 { margin-left: 6.854rem; } .ml-5 { margin-left: 11.09rem; } .ml-6 { margin-left: 17.944rem; } .ml-7 { margin-left: 29.034rem; } .ml-8 { margin-left: 46.978rem; } .ml-9 { margin-left: 76.012rem; } .ml-10 { margin-left: 122.99rem; }  .mr-n5 { margin-right: 0.090rem; } .mr-n4 { margin-right: 0.146rem; } .mr-n3 { margin-right: 0.236rem; } .mr-n2 { margin-right: 0.382rem; } .mr-n1 { margin-right: 0.618rem; } .mr { margin-right: 1rem; } .mr-1 { margin-right: 1.618rem; } .mr-2 { margin-right: 2.618rem; } .mr-3 { margin-right: 4.236rem; } .mr-4 { margin-right: 6.854rem; } .mr-5 { margin-right: 11.09rem; } .mr-6 { margin-right: 17.944rem; } .mr-7 { margin-right: 29.034rem; } .mr-8 { margin-right: 46.978rem; } .mr-9 { margin-right: 76.012rem; } .mr-10 { margin-right: 122.99rem; }  .w-1 { width: 1%; } .w-2 { width: 2%; } .w-3 { width: 3%; } .w-4 { width: 4%; } .w-5 { width: 5%; } .w-10 { width: 10%; } .w-15 { width: 15%; } .w-20 { width: 20%; } .w-25 { width: 25%; } .w-30 { width: 30%; } .w-33 { width: 33.3333%; } .w-40 { width: 40%; } .w-50 { width: 50%; } .w-60 { width: 60%; } .w-66 { width: 66.6667%; } .w-70 { width: 70%; } .w-75 { width: 75%; } .w-80 { width: 80%; } .w-90 { width: 90%; } .w-100 { width: 100%; } .w-auto { width: auto; }  .h-1 { height: 1%; } .h-2 { height: 2%; } .h-3 { height: 3%; } .h-4 { height: 4%; } .h-5 { height: 5%; } .h-10 { height: 10%; } .h-15 { height: 15%; } .h-20 { height: 20%; } .h-25 { height: 25%; } .h-30 { height: 30%; } .h-33 { height: 33.3333%; } .h-40 { height: 40%; } .h-50 { height: 50%; } .h-60 { height: 60%; } .h-66 { height: 66.6667%; } .h-70 { height: 70%; } .h-75 { height: 75%; } .h-80 { height: 80%; } .h-90 { height: 90%; } .h-100 { height: 100%; } .h-full-screen { height: var(--vh-unit); min-height: var(--min-height); } .max-h-screen { max-height: var(--vh-unit); min-height: var(--min-height); }  .txt-center { text-align: center; } .txt-left { text-align: left; } .txt-right { text-align: right; } .fw-thin { font-weight: 100; } .fw-extralight { font-weight: 200; } .fw-light { font-weight: 300; } .fw-regular { font-weight: 400; } .fw-medium { font-weight: 500; } .fw-semibold { font-weight: 600; } .fw-bold { font-weight: 700; } .fw-extrabold { font-weight: 800; } .fw-black { font-weight: 900; }  .txt-sm { font-size: .9rem } .txt-md { font-size: 1.24rem } .txt-lg { font-size: 2rem }  @media screen and (max-width: 1000px) { .grid:not(.keep-grid) { grid-template-columns: 1fr !important; } .flex:not(.keep-flex) { flex-flow: column !important; } }  input::placeholder { opacity: 0.65; } input:focus::placeholder { opacity: 1; }  input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ --webkit-box-shadow: 0 0 0 30px white inset !important; }  .input { position: relative; } .input-control { width: 100%; padding: 0.9em 0.5em 0.9em 1.1em; font-size: 16px; line-height: 1.25; border: 1px solid #ccc; border-radius: 0.25rem; outline: none; box-sizing: border-box; } .input-control:focus { border-color: var(--color-primary); outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }  .input.floating > label { position: absolute; top: calc(50% - 0.5rem); left: 1.1em; height: auto; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out; line-height: 1; } .input.floating .input-control:placeholder-shown:not(:focus) ~ label { opacity: 0.65; transform: scale(1) translateY(0); } .input.floating .input-control:not(:placeholder-shown), .input.floating .input-control:focus { padding-top: 1.35em; padding-bottom: 0.45em; } .input.floating .input-control:not(:placeholder-shown) ~ label, .input.floating .input-control:focus ~ label { opacity: 0.65; transform: scale(0.8) translateY(-0.70rem) translateX(0rem); } .input.floating .input-control:-webkit-autofill ~ label, .input.floating .input-control:-webkit-autofill:focus ~ label { opacity: 0.65; transform: scale(0.8) translateY(-0.70rem) translateX(0rem); } .input.floating .input-control:-webkit-autofill { padding-top: 1.35em; padding-bottom: 0.45em; }  .input.icon svg:not(.visibility-off, .visibility-on) { position: absolute; top: 0.85em; left: 0.45em; width: 1.25em; display: inline-flex; justify-content: center; align-items: center; fill: black; opacity: 0.65; } .input.icon .input-control { padding-left: 1.95em; }  .input.floating.icon label { left: 1.95em; }  .input.password .visibility-off { position: absolute; top: 1em; right: 0.6em; width: 1.25em; height: 20px; display: none; cursor: pointer; } .input.password .visibility-on { position: absolute; top: 1em; right: 0.6em; width: 1.25em; height: 20px; display: none; cursor: pointer; }  a.btn, button.btn { background-color: var(--color-accent); color: var(--color-secondary); transition: background-color 234ms; padding: 1rem 2rem; border-radius: 3rem; line-height: 1; text-align: center; } a.btn p, button.btn p { line-height: 1; margin: 0; } a.btn.icon, button.btn.icon { display: inline-flex; align-items: center; justify-content: center; gap: 0.3rem; } a.btn:hover, button.btn:hover { background-color: var(--color-accent-hover); } a.btn.pulse, button.btn.pulse { animation: btnpulse 1.5s forwards infinite; } @keyframes btnpulse { 0% { box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7); } 70% { box-shadow: 0 0 0 10px rgba(0, 123, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 123, 255, 0); } } a.btn.icon svg, button.btn.icon svg { fill: white; height: 1.4rem; width: auto; }  .badge { display: inline-block; padding: .24rem .9rem; border-radius: 3rem; font-size: 0.85rem; }