body { margin: 0px; padding: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; background-image: url("/alps2-blurred-bg.webp"); background-size: cover; background-position: center center; background-attachment: fixed; min-height: 100vh; line-height: 1.6; }
.noscript-container { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; box-sizing: border-box; }
.noscript-card { background: white; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 32px; padding: 40px; max-width: 700px; width: 100%; text-align: center; animation: 0.5s ease-in 0s 1 normal none running fadeIn; }
@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0px); }
}
.logo { height: 56px; margin-bottom: 24px; max-width: 100%; }
.title { color: rgb(25, 118, 210); font-size: 28px; font-weight: 700; margin-bottom: 16px; line-height: 1.2; }
.subtitle { color: rgb(102, 102, 102); font-size: 18px; margin-bottom: 32px; line-height: 1.5; }
.warning-icon { font-size: 48px; margin-bottom: 16px; color: rgb(255, 152, 0); }
.steps-section { text-align: left; margin: 32px 0px; background: rgb(248, 249, 250); padding: 24px; border-radius: 8px; border-left: 4px solid rgb(25, 118, 210); }
.steps-title { color: rgb(25, 118, 210); font-weight: 600; margin-bottom: 16px; text-align: center; }
.steps-list { margin: 16px 0px; padding-left: 20px; }
.steps-list li { margin-bottom: 12px; color: rgb(51, 51, 51); font-size: 16px; }
.browser-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; margin: 32px 0px; }
.browser-option { padding: 20px 16px; background: rgb(248, 249, 250); border-radius: 8px; text-decoration: none; color: rgb(51, 51, 51); transition: 0.3s; border: 2px solid transparent; display: block; }
.browser-option:hover { transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 20px; border-color: rgb(25, 118, 210); background: rgb(227, 242, 253); }
.browser-name { font-weight: 600; font-size: 16px; display: block; margin-bottom: 4px; }
.browser-action { font-size: 14px; color: rgb(102, 102, 102); }
.contact-info { background: rgb(227, 242, 253); padding: 24px; border-radius: 8px; margin-top: 32px; border: 1px solid rgb(187, 222, 251); }
.contact-title { color: rgb(25, 118, 210); font-weight: 600; margin-bottom: 16px; font-size: 18px; }
.contact-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin-top: 16px; }
.contact-item { display: flex; align-items: center; justify-content: center; font-size: 16px; color: rgb(51, 51, 51); }
.contact-icon { margin-right: 8px; font-size: 18px; }
.security-note { background: rgb(255, 243, 224); border: 1px solid rgb(255, 204, 2); border-radius: 8px; padding: 16px; margin-top: 24px; font-size: 14px; color: rgb(230, 81, 0); }
.security-note strong { color: rgb(191, 54, 12); }
.refresh-button { background-color: rgb(25, 118, 210); color: white; border: none; padding: 12px 24px; border-radius: 6px; font-size: 16px; font-weight: 500; cursor: pointer; text-decoration: none; display: inline-block; margin-top: 24px; transition: background-color 0.3s; }
.refresh-button:hover { background-color: rgb(21, 101, 192); }
@media (max-width: 768px) {
    .noscript-card { padding: 24px; margin: 16px; }
    .title { font-size: 24px; }
    .subtitle { font-size: 16px; }
    .browser-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .browser-option { padding: 16px 12px; }
    .contact-details { grid-template-columns: 1fr; text-align: center; }
    .steps-section { padding: 16px; }
}
@media (max-width: 480px) {
    .browser-grid { grid-template-columns: 1fr; }
    .noscript-card { padding: 20px; margin: 12px; }
    .warning-icon { font-size: 36px; }
}
:root { font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; line-height: 1.5; font-weight: 400; color-scheme: light dark; color: rgba(255, 255, 255, 0.87); background-color: rgb(36, 36, 36); font-synthesis: none; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
a { font-weight: 500; text-decoration: inherit; }
body { margin: 0px; width: 100%; min-height: 100vh; overflow-x: hidden; }
h1 { font-size: 3.2em; line-height: 1.1; }
button { border-radius: 8px; border: 1px solid transparent; padding: 0.6em 1.2em; font-size: 1em; font-weight: 500; font-family: inherit; background-color: rgb(26, 26, 26); cursor: pointer; transition: border-color 0.25s; }
.go1475592160 { height: 0px; }
.go1671063245 { height: auto; }
.go1888806478 { display: flex; flex-wrap: wrap; flex-grow: 1; }
@media (min-width: 600px) {
    .go1888806478 { flex-grow: initial; min-width: 288px; }
}
.go167266335 { background-color: rgb(49, 49, 49); font-size: 0.875rem; line-height: 1.43; letter-spacing: 0.01071em; color: rgb(255, 255, 255); align-items: center; padding: 6px 16px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.go3162094071 { padding-left: 20px; }
.go3844575157 { background-color: rgb(49, 49, 49); }
.go1725278324 { background-color: rgb(67, 160, 71); }
.go3651055292 { background-color: rgb(211, 47, 47); }
.go4215275574 { background-color: rgb(255, 152, 0); }
.go1930647212 { background-color: rgb(33, 150, 243); }
.go946087465 { display: flex; align-items: center; padding: 8px 0px; }
.go703367398 { display: flex; align-items: center; margin-left: auto; padding-left: 16px; margin-right: -8px; }
.go3963613292 { width: 100%; position: relative; transform: translateX(0px); inset: 0px; min-width: 288px; }
.go1141946668 { box-sizing: border-box; display: flex; max-height: 100%; position: fixed; z-index: 1400; height: auto; width: auto; transition: top 300ms, right 300ms, bottom 300ms, left 300ms, max-width 300ms; pointer-events: none; max-width: calc(100% - 40px); }
.go1141946668 .notistack-CollapseWrapper { padding: 6px 0px; transition: padding 300ms; }
@media (max-width: 599.95px) {
    .go1141946668 { width: 100%; max-width: calc(100% - 32px); }
}
.go3868796639 .notistack-CollapseWrapper { padding: 2px 0px; }
.go3118922589 { top: 14px; flex-direction: column; }
.go1453831412 { bottom: 14px; flex-direction: column-reverse; }
.go4027089540 { left: 20px; }
@media (min-width: 600px) {
    .go4027089540 { align-items: flex-start; }
}
@media (max-width: 599.95px) {
    .go4027089540 { left: 16px; }
}
.go2989568495 { right: 20px; }
@media (min-width: 600px) {
    .go2989568495 { align-items: flex-end; }
}
@media (max-width: 599.95px) {
    .go2989568495 { right: 16px; }
}
.go4034260886 { left: 50%; transform: translateX(-50%); }
@media (min-width: 600px) {
    .go4034260886 { align-items: center; }
}
[_nghost-ng-c2697620354] { font-family: "Open Sans", sans-serif; color: rgb(18, 18, 18); }
html { -webkit-font-smoothing: antialiased; box-sizing: border-box; text-size-adjust: 100%; }
*, ::before, ::after { box-sizing: inherit; }
strong, b { font-weight: 700; }
body { margin: 0px; color: rgba(0, 0, 0, 0.87); font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; letter-spacing: 0.00938em; background-color: rgb(255, 255, 255); }
@media print {
    body { background-color: rgb(255, 255, 255); }
}
body::backdrop { background-color: rgb(255, 255, 255); }
@-webkit-keyframes mui-auto-fill {
    0% { display: block; }
}
@keyframes mui-auto-fill {
    0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel {
    0% { display: block; }
}
@keyframes mui-auto-fill-cancel {
    0% { display: block; }
}
@-webkit-keyframes mui-auto-fill {
    0% { display: block; }
}
@keyframes mui-auto-fill {
    0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel {
    0% { display: block; }
}
@keyframes mui-auto-fill-cancel {
    0% { display: block; }
}
@-webkit-keyframes mui-auto-fill {
    0% { display: block; }
}
@keyframes mui-auto-fill {
    0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel {
    0% { display: block; }
}
@keyframes mui-auto-fill-cancel {
    0% { display: block; }
}
@-webkit-keyframes mui-auto-fill {
    0% { display: block; }
}
@keyframes mui-auto-fill {
    0% { display: block; }
}
@-webkit-keyframes mui-auto-fill-cancel {
    0% { display: block; }
}
@keyframes mui-auto-fill-cancel {
    0% { display: block; }
}
.css-1lb6n3v { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 100vh; }
.css-vioek3 { display: inline-block; animation: 1.4s linear 0s infinite normal none running animation-61bdi0; color: rgb(0, 0, 0); }
@-webkit-keyframes animation-61bdi0 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes animation-61bdi0 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.css-4ejps8 { display: block; }
.css-13odlrs { stroke: currentcolor; stroke-dasharray: 80px, 200px; stroke-dashoffset: 0; animation: 1.4s ease-in-out 0s infinite normal none running animation-1o38n3e; }
@-webkit-keyframes animation-1o38n3e {
    0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; }
    50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; }
    100% { stroke-dasharray: 1px, 200px; stroke-dashoffset: -126px; }
}
@keyframes animation-1o38n3e {
    0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0; }
    50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; }
    100% { stroke-dasharray: 1px, 200px; stroke-dashoffset: -126px; }
}
.css-g12s8z { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex-shrink: 0; position: sticky; z-index: 1100; top: 0px; left: auto; right: 0px; --AppBar-background: #f5f5f5; --AppBar-color: rgba(0, 0, 0, 0.87); color: var(--AppBar-color); border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: rgb(255, 255, 255); }
.css-blk0om { transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: var(--Paper-shadow); background-image: var(--Paper-overlay); display: flex; flex-direction: column; width: 100%; box-sizing: border-box; flex-shrink: 0; position: sticky; z-index: 1100; top: 0px; left: auto; right: 0px; --AppBar-background: #f5f5f5; --AppBar-color: rgba(0, 0, 0, 0.87); color: var(--AppBar-color); border-bottom: 1px solid rgba(0, 0, 0, 0.12); background-color: rgb(255, 255, 255); }
.css-ncszxy { position: relative; display: flex; -webkit-box-align: center; align-items: center; padding-left: 16px; padding-right: 16px; min-height: 56px; -webkit-box-pack: justify; justify-content: space-between; max-width: 1200px; margin-left: auto; margin-right: auto; width: 100%; }
@media (min-width: 600px) {
    .css-ncszxy { padding-left: 24px; padding-right: 24px; }
}
@media (min-width: 0px) {
    @media (orientation: landscape) {
        .css-ncszxy { min-height: 48px; }
    }
}
@media (min-width: 600px) {
    .css-ncszxy { min-height: 64px; }
}
.css-4g6ai3 { cursor: pointer; }
.css-7pf6at { display: flex; -webkit-box-align: center; align-items: center; width: 100%; }
.css-1rqqp05 { -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-pack: center; justify-content: center; }
.css-hzi2b9 { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; border-radius: 4px; padding: 6px 8px; background-color: var(--variant-textBg); --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgba(0, 0, 0, 0.87); margin-left: 12px; margin-right: 12px; }
.css-hzi2b9:hover { text-decoration: none; }
.css-hzi2b9.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover: hover) {
    .css-hzi2b9:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-hzi2b9.MuiButton-loading { color: transparent; }
.css-1xno2q4 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px 12px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; border-radius: 4px; padding: 6px 8px; background-color: var(--variant-textBg); --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgba(0, 0, 0, 0.87); }
.css-1xno2q4.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-1xno2q4 { print-color-adjust: exact; }
}
.css-1xno2q4:hover { text-decoration: none; }
.css-1xno2q4.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover: hover) {
    .css-1xno2q4:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-1xno2q4.MuiButton-loading { color: transparent; }
.css-axw7ok { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
.css-lig97n { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; border-radius: 4px; padding: 6px 8px; background-color: var(--variant-textBg); --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; transition: 0.2s ease-in-out; color: rgba(0, 0, 0, 0.87); text-transform: none; display: flex; -webkit-box-align: center; align-items: center; }
.css-lig97n:hover { text-decoration: none; }
.css-lig97n.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover: hover) {
    .css-lig97n:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-lig97n.MuiButton-loading { color: transparent; }
.css-10ateo4 { -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; border-radius: 4px; padding: 6px 8px; background-color: var(--variant-textBg); --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; transition: 0.2s ease-in-out; color: rgba(0, 0, 0, 0.87); text-transform: none; display: flex; -webkit-box-align: center; align-items: center; }
.css-10ateo4.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-10ateo4 { print-color-adjust: exact; }
}
.css-10ateo4:hover { text-decoration: none; }
.css-10ateo4.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover: hover) {
    .css-10ateo4:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-10ateo4.MuiButton-loading { color: transparent; }
.css-1bsvy8h { width: 24px; height: auto; margin-right: 8px; border-radius: 2px; }
.css-q7mezt { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.5rem; }
.css-1ygv029 { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border-radius: 4px; padding: 5px 15px; border: 1px solid rgb(22, 119, 255); background-color: var(--variant-outlinedBg); --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; box-shadow: none; color: rgb(22, 119, 255); margin-right: 8px; white-space: nowrap; }
.css-1ygv029:hover { text-decoration: none; }
.css-1ygv029.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1ygv029.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-1ygv029:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-1ygv029.MuiButton-loading { color: transparent; }
.css-1ygv029:hover { background-color: rgb(255, 255, 255); border-color: rgb(177, 215, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; transform: translateY(-1px); }
.css-1ygv029:focus-visible { background-color: transparent; outline: none; }
.css-1ygv029:hover { color: rgb(22, 119, 255); }
.css-1m38jpc { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px 8px 0px 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border-radius: 4px; padding: 5px 15px; border: 1px solid rgb(22, 119, 255); background-color: var(--variant-outlinedBg); --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; box-shadow: none; color: rgb(22, 119, 255); white-space: nowrap; }
.css-1m38jpc.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-1m38jpc { print-color-adjust: exact; }
}
.css-1m38jpc:hover { text-decoration: none; }
.css-1m38jpc.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1m38jpc.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-1m38jpc:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-1m38jpc.MuiButton-loading { color: transparent; }
.css-1m38jpc:hover { background-color: rgb(255, 255, 255); border-color: rgb(177, 215, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; transform: translateY(-1px); }
.css-1m38jpc:focus-visible { background-color: transparent; outline: none; }
.css-1m38jpc:hover { color: rgb(22, 119, 255); }
.css-69c4gd { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; padding: 6px 16px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); white-space: nowrap; }
.css-69c4gd:hover { text-decoration: none; }
.css-69c4gd.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-69c4gd:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-69c4gd:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-69c4gd:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-69c4gd.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-69c4gd.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-69c4gd:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-69c4gd.MuiButton-loading { color: transparent; }
.css-69c4gd:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-ad23s4 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; padding: 6px 16px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); white-space: nowrap; }
.css-ad23s4.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-ad23s4 { print-color-adjust: exact; }
}
.css-ad23s4:hover { text-decoration: none; }
.css-ad23s4.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-ad23s4:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-ad23s4:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-ad23s4:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-ad23s4.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-ad23s4.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-ad23s4:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-ad23s4.MuiButton-loading { color: transparent; }
.css-ad23s4:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-12mlt4t { z-index: 1200; }
@media (min-width: 0px) {
    .css-12mlt4t { display: block; }
}
@media (min-width: 900px) {
    .css-12mlt4t { display: none; }
}
.css-12mlt4t .MuiDrawer-paper { box-sizing: border-box; width: 250px; }
.css-l9vcll { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); padding: 12px 32px; font-size: 1.25rem; white-space: nowrap; }
.css-l9vcll:hover { text-decoration: none; }
.css-l9vcll.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-l9vcll:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-l9vcll:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-l9vcll:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-l9vcll.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-l9vcll.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-l9vcll:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-l9vcll.MuiButton-loading { color: transparent; }
.css-l9vcll:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-1hkaav9 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); padding: 12px 32px; font-size: 1.25rem; white-space: nowrap; }
.css-1hkaav9.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-1hkaav9 { print-color-adjust: exact; }
}
.css-1hkaav9:hover { text-decoration: none; }
.css-1hkaav9.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1hkaav9:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-1hkaav9:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-1hkaav9:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-1hkaav9.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-1hkaav9.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-1hkaav9:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-1hkaav9.MuiButton-loading { color: transparent; }
.css-1hkaav9:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-cveorv { display: inherit; margin-right: 8px; margin-left: -4px; }
.css-cveorv > :nth-of-type(1) { font-size: 20px; }
.css-1saojq8 { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.5rem; }
.css-1thzf9u { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 2.5rem; }
.css-1e0rcdp { position: absolute; bottom: 0px; left: 0px; right: 0px; background: linear-gradient(90deg, rgb(22, 119, 255) -8.84%, rgb(21, 29, 136) 54.14%, rgb(0, 123, 194) 107.91%); overflow: hidden; display: flex; -webkit-box-align: center; align-items: center; z-index: 2; }
@media (min-width: 0px) {
    .css-1e0rcdp { height: 83px; }
}
@media (min-width: 900px) {
    .css-1e0rcdp { height: 83px; }
}
.css-wyakjy { display: flex; white-space: nowrap; animation: 25s linear 0s infinite normal none running animation-9nn27u; }
.css-wyakjy > .benefit-item { display: inline-flex; -webkit-box-align: center; align-items: center; padding: 0px 0.2em; font-weight: 700; color: rgb(255, 255, 255); text-transform: capitalize; }
@media (min-width: 0px) {
    .css-wyakjy > .benefit-item { font-size: 2rem; }
}
@media (min-width: 900px) {
    .css-wyakjy > .benefit-item { font-size: 2rem; }
}
@-webkit-keyframes animation-9nn27u {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-25%); }
}
@keyframes animation-9nn27u {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-25%); }
}
.css-18biwo { display: inline-flex; -webkit-box-align: center; align-items: center; }
.css-1s3w9g { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.5rem; margin-right: 0.5em; color: rgb(134, 207, 255); }
@media (min-width: 0px) {
    .css-1s3w9g { font-size: 2rem; }
}
@media (min-width: 900px) {
    .css-1s3w9g { font-size: 2rem; }
}
.css-1kzo3b9 { overflow-x: hidden; }
.css-ynyjh { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; padding: 6px 16px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); }
.css-ynyjh:hover { text-decoration: none; }
.css-ynyjh.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-ynyjh:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-ynyjh:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-ynyjh:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-ynyjh.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-ynyjh.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-ynyjh:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-ynyjh.MuiButton-loading { color: transparent; }
.css-ynyjh:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
@media (min-width: 0px) {
    .css-ynyjh { padding: 12px 32px; font-size: 1.4rem; }
}
@media (min-width: 900px) {
    .css-ynyjh { padding: 6px 16px; font-size: 1rem; }
}
.css-7psayn { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; padding: 6px 16px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); }
.css-7psayn.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-7psayn { print-color-adjust: exact; }
}
.css-7psayn:hover { text-decoration: none; }
.css-7psayn.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-7psayn:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-7psayn:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-7psayn:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-7psayn.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-7psayn.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-7psayn:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-7psayn.MuiButton-loading { color: transparent; }
.css-7psayn:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
@media (min-width: 0px) {
    .css-7psayn { padding: 12px 32px; font-size: 1.4rem; }
}
@media (min-width: 900px) {
    .css-7psayn { padding: 6px 16px; font-size: 1rem; }
}
.css-1p7nszw { background: rgb(9, 50, 154); color: white; position: relative; overflow: hidden; }
@media (min-width: 0px) {
    .css-1p7nszw { padding-top: 64px; padding-bottom: 64px; }
}
@media (min-width: 900px) {
    .css-1p7nszw { padding-top: 96px; padding-bottom: 96px; }
}
.css-j7wd97 { width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; padding-left: 16px; padding-right: 16px; max-width: 1200px; }
@media (min-width: 600px) {
    .css-j7wd97 { padding-left: 24px; padding-right: 24px; }
}
.css-yaghvx { --Grid-columns: 12; --Grid-columnSpacing: 32px; --Grid-rowSpacing: 32px; flex-flow: wrap; min-width: 0px; box-sizing: border-box; display: flex; gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing); align-items: flex-start; }
.css-yaghvx > * { --Grid-parent-columns: 12; }
.css-yaghvx > * { --Grid-parent-columnSpacing: 32px; }
@media (min-width: 900px) {
    .css-yaghvx { --Grid-columnSpacing: 64px; }
    .css-yaghvx > * { --Grid-parent-columnSpacing: 64px; }
}
.css-yaghvx > * { --Grid-parent-rowSpacing: 32px; }
@media (min-width: 900px) {
    .css-yaghvx { --Grid-rowSpacing: 64px; }
    .css-yaghvx > * { --Grid-parent-rowSpacing: 64px; }
}
.css-tnatjl { -webkit-box-flex: 0; flex-grow: 0; flex-basis: auto; width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns))); min-width: 0px; box-sizing: border-box; }
@media (min-width: 900px) {
    .css-tnatjl { -webkit-box-flex: 0; flex-grow: 0; flex-basis: auto; width: calc(100% * 6 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 6) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns))); }
}
@media (min-width: 0px) {
    .css-e1oes3 { max-width: 100%; }
}
@media (min-width: 900px) {
    .css-e1oes3 { max-width: 500px; }
}
.css-sjobb { margin: 0px 0px 32px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 3.75rem; letter-spacing: -0.00833em; color: rgb(232, 233, 255); font-weight: 600; line-height: 1.2; }
@media (min-width: 0px) {
    .css-sjobb { font-size: 2rem; }
}
@media (min-width: 600px) {
    .css-sjobb { font-size: 2.5rem; }
}
@media (min-width: 900px) {
    .css-sjobb { font-size: 3rem; }
}
.css-qf3jtz { margin: 0px 0px 48px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; letter-spacing: 0.00938em; color: rgb(132, 216, 255); line-height: 1.6; max-width: 400px; }
@media (min-width: 0px) {
    .css-qf3jtz { font-size: 1rem; }
}
@media (min-width: 900px) {
    .css-qf3jtz { font-size: 1.125rem; }
}
.css-bpna5a { --Grid-columns: 12; --Grid-columnSpacing: 16px; --Grid-rowSpacing: 16px; flex-flow: wrap; min-width: 0px; box-sizing: border-box; display: flex; gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing); -webkit-box-pack: start; justify-content: flex-start; max-width: calc(320px); }
.css-bpna5a > * { --Grid-parent-columns: 12; }
.css-bpna5a > * { --Grid-parent-columnSpacing: 16px; }
.css-bpna5a > * { --Grid-parent-rowSpacing: 16px; }
@media (min-width: 0px) {
    .css-bpna5a { margin-bottom: 48px; }
}
@media (min-width: 900px) {
    .css-bpna5a { margin-bottom: 0px; }
}
.css-cdpakq { -webkit-box-flex: 0; flex-grow: 0; flex-basis: auto; width: calc(100% * 2.4 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 2.4) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns))); min-width: 0px; box-sizing: border-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-18ixv42 { width: 48px; height: 48px; border-radius: 50%; transition: transform 0.2s; }
.css-18ixv42:hover { transform: scale(1.1); }
@media (min-width: 0px) {
    .css-ji3lbb { padding-left: 0px; }
}
@media (min-width: 900px) {
    .css-ji3lbb { padding-left: 32px; }
}
.css-czpbgd { display: flex; gap: 24px; margin-bottom: 48px; align-items: flex-start; }
.css-n2hx0b { flex-shrink: 0; transition: 0.3s; }
.css-n2hx0b:hover { transform: scale(1.05); }
.css-13ct140 { width: 72px; height: 72px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; }
.css-1rr4qq7 { flex: 1 1 0%; }
.css-1obflkx { margin: 0px 0px 12px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1.25rem; letter-spacing: 0.0075em; color: rgb(255, 255, 255); font-weight: 600; line-height: 1.3; }
@media (min-width: 0px) {
    .css-1obflkx { font-size: 1.125rem; }
}
@media (min-width: 900px) {
    .css-1obflkx { font-size: 1.25rem; }
}
.css-y0qf7b { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.875rem; letter-spacing: 0.01071em; color: rgb(132, 216, 255); line-height: 1.6; }
@media (min-width: 0px) {
    .css-y0qf7b { font-size: 0.875rem; }
}
@media (min-width: 900px) {
    .css-y0qf7b { font-size: 1rem; }
}
.css-vx3xc6 { display: flex; gap: 24px; margin-bottom: 0px; align-items: flex-start; }
.css-llnp8k { background: linear-gradient(135deg, rgb(248, 250, 252) 0%, rgb(226, 232, 240) 100%); position: relative; overflow: hidden; }
@media (min-width: 0px) {
    .css-llnp8k { padding-top: 64px; padding-bottom: 64px; }
}
@media (min-width: 900px) {
    .css-llnp8k { padding-top: 96px; padding-bottom: 96px; }
}
.css-17k224h { --Grid-columns: 12; --Grid-columnSpacing: 32px; --Grid-rowSpacing: 32px; flex-flow: wrap; min-width: 0px; box-sizing: border-box; display: flex; gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing); -webkit-box-align: center; align-items: center; }
.css-17k224h > * { --Grid-parent-columns: 12; }
.css-17k224h > * { --Grid-parent-columnSpacing: 32px; }
@media (min-width: 900px) {
    .css-17k224h { --Grid-columnSpacing: 64px; }
    .css-17k224h > * { --Grid-parent-columnSpacing: 64px; }
}
.css-17k224h > * { --Grid-parent-rowSpacing: 32px; }
@media (min-width: 900px) {
    .css-17k224h { --Grid-rowSpacing: 64px; }
    .css-17k224h > * { --Grid-parent-rowSpacing: 64px; }
}
.css-kvpo9b { margin: 0px 0px 32px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 3.75rem; letter-spacing: -0.00833em; color: rgb(30, 41, 59); font-weight: 600; line-height: 1.2; }
@media (min-width: 0px) {
    .css-kvpo9b { font-size: 2rem; }
}
@media (min-width: 600px) {
    .css-kvpo9b { font-size: 2.5rem; }
}
@media (min-width: 900px) {
    .css-kvpo9b { font-size: 3rem; }
}
.css-15yy9s1 { margin: 0px 0px 48px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; letter-spacing: 0.00938em; color: rgb(100, 116, 139); line-height: 1.6; max-width: 450px; }
@media (min-width: 0px) {
    .css-15yy9s1 { font-size: 1rem; }
}
@media (min-width: 900px) {
    .css-15yy9s1 { font-size: 1.125rem; }
}
.css-8qb8m4 { margin-bottom: 48px; }
.css-1fv9az7 { display: flex; gap: 24px; margin-bottom: 32px; align-items: flex-start; }
.css-wy8mys { width: 72px; height: 72px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-bmyl55 { margin: 0px 0px 8px; font-family: Roboto, Helvetica, Arial, sans-serif; letter-spacing: 0.0075em; color: rgb(30, 41, 59); font-size: 1.125rem; font-weight: 600; line-height: 1.3; }
.css-1wd5pbb { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.01071em; color: rgb(100, 116, 139); font-size: 0.875rem; line-height: 1.6; }
.css-zqmy0h { color: rgba(0, 0, 0, 0.87); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); background-image: var(--Paper-overlay); padding: 32px; border-radius: 16px; background-color: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 240); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px; }
.css-1w8qyb { margin: 0px 0px 24px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1.5rem; line-height: 1.334; letter-spacing: 0em; color: rgb(30, 41, 59); font-weight: 600; text-align: center; }
.css-i3pbo { margin-bottom: 24px; }
.css-1atglfe { margin: 0px 0px 8px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 1.43; letter-spacing: 0.01071em; color: rgb(100, 116, 139); font-weight: 500; }
.css-1klpoq2 { --Grid-columns: 12; --Grid-columnSpacing: 16px; --Grid-rowSpacing: 16px; flex-flow: wrap; min-width: 0px; box-sizing: border-box; display: flex; gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing); }
.css-1klpoq2 > * { --Grid-parent-columns: 12; }
.css-1klpoq2 > * { --Grid-parent-columnSpacing: 16px; }
.css-1klpoq2 > * { --Grid-parent-rowSpacing: 16px; }
.css-21m6ca { -webkit-box-flex: 0; flex-grow: 0; flex-basis: auto; width: calc(100% * 8 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 8) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns))); min-width: 0px; box-sizing: border-box; }
.css-67g7j1 .MuiOutlinedInput-root { background-color: rgb(255, 255, 255); }
.css-tuhj2a { display: inline-flex; flex-direction: column; position: relative; min-width: 0px; padding: 0px; margin: 0px; border: 0px; vertical-align: top; width: 100%; }
.css-tuhj2a .MuiOutlinedInput-root { background-color: rgb(255, 255, 255); }
.css-1vw0mdz { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; width: 100%; position: relative; border-radius: 4px; }
.css-1vw0mdz.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; }
.css-1vw0mdz:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); }
@media (hover: none) {
    .css-1vw0mdz:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }
}
.css-1vw0mdz.Mui-focused .MuiOutlinedInput-notchedOutline { border-width: 2px; }
.css-1vw0mdz.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(0, 0, 0); }
.css-1vw0mdz.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(211, 47, 47); }
.css-1vw0mdz.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); }
.css-1pk1fka { font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 14px; }
.css-1pk1fka::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-1pk1fka:focus { outline: 0px; }
.css-1pk1fka:invalid { box-shadow: none; }
.css-1pk1fka::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-1pk1fka::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-1pk1fka:focus::-webkit-input-placeholder { opacity: 0.42; }
.css-1pk1fka.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }
.css-1pk1fka:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.css-1pk1fka:-webkit-autofill { border-radius: inherit; }
.css-h2v8xi { border-color: rgba(0, 0, 0, 0.23); }
.css-5v2ak0 { text-align: left; position: absolute; inset: -5px 0px 0px; margin: 0px; padding: 0px 8px; pointer-events: none; border-radius: inherit; border-style: solid; border-width: 1px; overflow: hidden; min-width: 0%; border-color: rgba(0, 0, 0, 0.23); }
.css-w4cd9x { float: unset; width: auto; overflow: hidden; padding: 0px; line-height: 11px; transition: width 150ms cubic-bezier(0, 0, 0.2, 1); }
.css-fiq9q0 { -webkit-box-flex: 0; flex-grow: 0; flex-basis: auto; width: calc(100% * 4 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 4) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns))); min-width: 0px; box-sizing: border-box; }
.css-mp9f0v { appearance: none; user-select: none; cursor: pointer; border-radius: 4px; font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 14px; }
.css-mp9f0v:focus { border-radius: 0px; }
.css-mp9f0v.Mui-disabled { cursor: default; }
.css-mp9f0v[multiple] { height: auto; }
.css-mp9f0v:not([multiple]) option, .css-mp9f0v:not([multiple]) optgroup { background-color: rgb(255, 255, 255); }
.css-mp9f0v:focus { border-radius: 4px; }
.css-mp9f0v.css-mp9f0v.css-mp9f0v { padding-right: 32px; }
.css-mp9f0v.MuiSelect-select { height: auto; min-height: 1.4375em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.css-mp9f0v::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-mp9f0v:focus { outline: 0px; }
.css-mp9f0v:invalid { box-shadow: none; }
.css-mp9f0v::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-mp9f0v::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-mp9f0v:focus::-webkit-input-placeholder { opacity: 0.42; }
.css-mp9f0v.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }
.css-mp9f0v:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.css-mp9f0v:-webkit-autofill { border-radius: inherit; }
.css-147e5lo { bottom: 0px; left: 0px; position: absolute; opacity: 0; pointer-events: none; width: 100%; box-sizing: border-box; }
.css-1g8ch8 { position: absolute; top: calc(50% - 0.5em); pointer-events: none; color: rgba(0, 0, 0, 0.54); right: 7px; }
.css-1g8ch8.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-mccray { display: flex; -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); padding-left: 6px; padding-right: 6px; position: absolute; top: calc(50% - 0.5em); pointer-events: none; color: rgba(0, 0, 0, 0.54); right: 7px; }
.css-mccray.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-ke8xzm { user-select: none; width: 1em; height: 1em; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.5rem; display: block; }
.css-9ticqz { margin-bottom: 24px; padding: 12px 16px; background-color: rgb(241, 245, 249); border-radius: 8px; }
.css-i9gxme { -webkit-box-flex: 1; flex-grow: 1; }
.css-kx2ft0 { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; letter-spacing: 0.01071em; color: rgba(0, 0, 0, 0.6); }
.css-7c3jh4 { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1.25rem; letter-spacing: 0.0075em; line-height: 1.3; color: rgba(0, 0, 0, 0.87); font-weight: 600; }
.css-1yjvs5a { margin-bottom: 32px; }
.css-i5rfc3 { margin: 0px 0px 24px; flex-shrink: 0; border-width: 0px 0px thin; border-style: solid; border-color: rgba(0, 0, 0, 0.12); }
.css-104u1jw { margin: 0px 0px 24px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.43; letter-spacing: 0.01071em; color: rgb(100, 116, 139); text-align: center; font-size: 0.875rem; }
.css-rt9376 { font-family: Roboto, Helvetica, Arial, sans-serif; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; padding: 12px 22px; width: 100%; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); font-size: 1rem; font-weight: 600; border-radius: 8px; text-transform: none; white-space: nowrap; }
.css-rt9376:hover { text-decoration: none; }
.css-rt9376.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-rt9376:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-rt9376:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-rt9376:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-rt9376.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-rt9376.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-rt9376:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-rt9376.MuiButton-loading { color: transparent; }
.css-rt9376:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-nzgub { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; padding: 12px 22px; width: 100%; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); font-size: 1rem; font-weight: 600; border-radius: 8px; text-transform: none; white-space: nowrap; }
.css-nzgub.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-nzgub { print-color-adjust: exact; }
}
.css-nzgub:hover { text-decoration: none; }
.css-nzgub.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-nzgub:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-nzgub:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-nzgub:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-nzgub.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-nzgub.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-nzgub:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-nzgub.MuiButton-loading { color: transparent; }
.css-nzgub:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-j2as55 { display: inherit; margin-right: 8px; margin-left: -4px; }
.css-j2as55 > :nth-of-type(1) { font-size: 22px; }
.css-pga754 { background: linear-gradient(rgb(113, 175, 255) 0%, rgb(96, 205, 255) 100%); position: relative; overflow-x: hidden; }
@media (min-width: 0px) {
    .css-pga754 { padding-top: 64px; padding-bottom: 64px; }
}
@media (min-width: 900px) {
    .css-pga754 { padding-top: 96px; padding-bottom: 96px; }
}
.css-edkm1w { margin: 0px 0px 24px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 3.75rem; letter-spacing: -0.00833em; color: rgb(0, 23, 66); font-weight: 600; line-height: 1.2; }
@media (min-width: 0px) {
    .css-edkm1w { font-size: 2rem; }
}
@media (min-width: 600px) {
    .css-edkm1w { font-size: 2.5rem; }
}
@media (min-width: 900px) {
    .css-edkm1w { font-size: 3rem; }
}
.css-g6enbh { margin: 0px 0px 48px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; letter-spacing: 0.00938em; color: rgb(0, 23, 66); line-height: 1.6; max-width: 400px; }
@media (min-width: 0px) {
    .css-g6enbh { font-size: 1rem; }
}
@media (min-width: 900px) {
    .css-g6enbh { font-size: 1.125rem; }
}
.css-1icr3ib { display: flex; align-items: flex-start; margin-bottom: 24px; gap: 16px; }
.css-s8mf47 { width: 20px; height: 20px; border-radius: 50%; background-color: rgb(0, 23, 66); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; margin-top: 4px; }
.css-10afmhm { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; line-height: 1.5; letter-spacing: 0.00938em; color: white; font-size: 0.75rem; font-weight: 700; }
.css-m8iyn7 { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.875rem; letter-spacing: 0.01071em; color: rgb(0, 23, 66); line-height: 1.5; }
@media (min-width: 0px) {
    .css-m8iyn7 { font-size: 0.875rem; }
}
@media (min-width: 900px) {
    .css-m8iyn7 { font-size: 1rem; }
}
.css-16gywnf { position: relative; display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }
@media (min-width: 0px) {
    .css-16gywnf { height: 400px; }
}
@media (min-width: 900px) {
    .css-16gywnf { height: 500px; }
}
.css-ny4hk5 { position: absolute; max-width: 100%; max-height: 100%; width: auto; height: auto; z-index: 1; }
.css-oiersh { position: absolute; left: calc(10% + 10px); top: 50%; transform: translateY(-50%); width: 100vw; height: 250px; overflow: hidden; z-index: 2; }
.css-1s353on { position: relative; width: 5400px; height: 250px; }
.css-1xvzz6t { position: absolute; max-width: 100%; max-height: 100%; width: auto; height: auto; z-index: 3; }
.css-1hqmcyh { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.css-10zeqv7 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(9, 50, 154, 0.85); z-index: 1; }
.css-1aegsqf { width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; padding-left: 16px; padding-right: 16px; max-width: 1200px; position: relative; z-index: 2; color: white; }
@media (min-width: 600px) {
    .css-1aegsqf { padding-left: 24px; padding-right: 24px; }
}
.css-uel2lh { background: linear-gradient(135deg, rgb(248, 250, 252) 0%, rgb(226, 232, 240) 100%); }
.css-1ud5ik3 { overflow: hidden; }
@media (min-width: 0px) {
    .css-1ud5ik3 { padding-top: 64px; padding-bottom: 64px; }
}
@media (min-width: 900px) {
    .css-1ud5ik3 { padding-top: 96px; padding-bottom: 96px; }
}
.css-1haityf { width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; padding-left: 16px; padding-right: 16px; max-width: 1200px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
@media (min-width: 600px) {
    .css-1haityf { padding-left: 24px; padding-right: 24px; }
}
.css-8hloao { position: relative; }
@media (min-width: 0px) {
    .css-8hloao { padding-top: 120px; padding-bottom: 120px; }
}
@media (min-width: 900px) {
    .css-8hloao { padding-top: 80px; padding-bottom: 80px; }
}
.css-e4g905 { position: absolute; border-radius: 50%; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px; transition: transform 0.3s ease-in-out; right: auto; bottom: auto; }
@media (min-width: 0px) {
    .css-e4g905 { width: 48px; height: 48px; top: 8px; left: 61%; transform: none; }
}
@media (min-width: 900px) {
    .css-e4g905 { width: 50px; height: 50px; top: 0px; left: 22%; transform: translateY(-50%); }
}
.css-e4g905:hover { transform: scale(1.1); }
.css-qh5v86 { position: absolute; border-radius: 50%; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px; transition: transform 0.3s ease-in-out; left: auto; bottom: auto; }
@media (min-width: 0px) {
    .css-qh5v86 { width: 59px; height: 59px; top: 52px; right: 0px; transform: none; }
}
@media (min-width: 900px) {
    .css-qh5v86 { width: 52px; height: 52px; top: 0px; right: 29%; transform: translateY(-50%); }
}
.css-qh5v86:hover { transform: scale(1.1); }
.css-1rzkijx { position: absolute; border-radius: 50%; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px; transition: transform 0.3s ease-in-out; width: 41px; height: 41px; left: auto; }
@media (min-width: 0px) {
    .css-1rzkijx { right: 9%; bottom: 40px; }
}
@media (min-width: 900px) {
    .css-1rzkijx { right: -20%; top: 59px; bottom: auto; }
}
.css-1rzkijx:hover { transform: scale(1.1); }
.css-52ol { position: absolute; border-radius: 50%; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px; transition: transform 0.3s ease-in-out; top: auto; }
@media (min-width: 0px) {
    .css-52ol { width: 60px; height: 60px; bottom: 28px; left: 54%; right: auto; }
}
@media (min-width: 900px) {
    .css-52ol { width: 55px; height: 55px; bottom: 58px; left: auto; right: -44px; }
}
.css-52ol:hover { transform: scale(1.1); }
.css-1x1zrju { position: absolute; border-radius: 50%; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px; transition: transform 0.3s ease-in-out; width: 54px; height: 54px; top: auto; }
@media (min-width: 0px) {
    .css-1x1zrju { bottom: -4px; left: 26%; right: auto; }
}
@media (min-width: 900px) {
    .css-1x1zrju { bottom: -18px; left: auto; right: 22%; }
}
.css-1x1zrju:hover { transform: scale(1.1); }
.css-cpmckq { position: absolute; border-radius: 50%; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px; transition: transform 0.3s ease-in-out; }
@media (min-width: 0px) {
    .css-cpmckq { width: 39px; height: 39px; inset: 55px 62% auto auto; }
}
@media (min-width: 900px) {
    .css-cpmckq { width: 42px; height: 42px; inset: auto auto -26px 35%; }
}
.css-cpmckq:hover { transform: scale(1.1); }
.css-ha3e8n { position: absolute; border-radius: 50%; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px; transition: transform 0.3s ease-in-out; width: 44px; height: 44px; top: auto; right: auto; }
@media (min-width: 0px) {
    .css-ha3e8n { bottom: 84px; left: 1%; }
}
@media (min-width: 900px) {
    .css-ha3e8n { bottom: 55px; left: 0%; }
}
.css-ha3e8n:hover { transform: scale(1.1); }
.css-9crd2h { position: absolute; border-radius: 50%; object-fit: cover; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px; transition: transform 0.3s ease-in-out; width: 70px; height: 70px; right: auto; bottom: auto; }
@media (min-width: 0px) {
    .css-9crd2h { top: 35px; left: 1%; }
}
@media (min-width: 900px) {
    .css-9crd2h { top: 69px; left: -22%; }
}
.css-9crd2h:hover { transform: scale(1.1); }
.css-3c1ne2 { text-align: center; margin-left: auto; margin-right: auto; }
@media (min-width: 0px) {
    .css-3c1ne2 { max-width: 90%; }
}
@media (min-width: 600px) {
    .css-3c1ne2 { max-width: 80%; }
}
@media (min-width: 900px) {
    .css-3c1ne2 { max-width: 700px; }
}
.css-5betbg { margin: 0px 0px 24px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 3.75rem; letter-spacing: -0.00833em; color: rgb(15, 23, 42); font-weight: 600; line-height: 1.3; }
@media (min-width: 0px) {
    .css-5betbg { font-size: 1.75rem; }
}
@media (min-width: 600px) {
    .css-5betbg { font-size: 2.25rem; }
}
@media (min-width: 900px) {
    .css-5betbg { font-size: 2.75rem; }
}
@media (min-width: 1200px) {
    .css-5betbg { font-size: 3rem; }
}
.css-yvxmd8 { margin: 0px auto; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1rem; letter-spacing: 0.00938em; color: rgb(74, 85, 104); line-height: 1.6; max-width: 500px; font-weight: 400; }
@media (min-width: 0px) {
    .css-yvxmd8 { font-size: 1rem; }
}
@media (min-width: 600px) {
    .css-yvxmd8 { font-size: 1.125rem; }
}
@media (min-width: 900px) {
    .css-yvxmd8 { font-size: 1.25rem; }
}
.css-l1i6yo { font-family: Roboto, Helvetica, Arial, sans-serif; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); margin-top: 32px; background-color: rgb(22, 119, 255); font-weight: 600; padding: 12px 32px; border-radius: 8px; text-transform: none; font-size: 1rem; white-space: nowrap; }
.css-l1i6yo:hover { text-decoration: none; }
.css-l1i6yo.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-l1i6yo:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-l1i6yo:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-l1i6yo:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-l1i6yo.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-l1i6yo.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-l1i6yo:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-l1i6yo.MuiButton-loading { color: transparent; }
.css-l1i6yo:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-l1i6yo:hover { background-color: rgb(64, 150, 255); }
.css-1we1mtu { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 32px 0px 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); font-weight: 600; padding: 12px 32px; border-radius: 8px; text-transform: none; font-size: 1rem; white-space: nowrap; }
.css-1we1mtu.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-1we1mtu { print-color-adjust: exact; }
}
.css-1we1mtu:hover { text-decoration: none; }
.css-1we1mtu.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1we1mtu:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-1we1mtu:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-1we1mtu:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-1we1mtu.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-1we1mtu.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-1we1mtu:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-1we1mtu.MuiButton-loading { color: transparent; }
.css-1we1mtu:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-1we1mtu:hover { background-color: rgb(64, 150, 255); }
.css-lyv5an { background: transparent; color: rgba(0, 0, 0, 0.6); padding: 32px 0px; margin-top: auto; }
.css-1qnxzd9 { background: transparent; color: rgba(0, 0, 0, 0.6); padding: 32px 0px; margin-top: auto; }
.css-9wvnva { width: 100%; margin-left: auto; box-sizing: border-box; margin-right: auto; padding-left: 16px; padding-right: 16px; }
@media (min-width: 600px) {
    .css-9wvnva { padding-left: 24px; padding-right: 24px; }
}
@media (min-width: 1200px) {
    .css-9wvnva { max-width: 1200px; }
}
.css-1pjwakg { margin: 16px 0px; flex-shrink: 0; border-width: 0px 0px thin; border-style: solid; border-color: rgba(0, 0, 0, 0.12); }
.css-1dzrtg8 { display: flex; }
@media (min-width: 0px) {
    .css-1dzrtg8 { flex-direction: column; gap: 32px; margin-bottom: 32px; }
}
@media (min-width: 900px) {
    .css-1dzrtg8 { flex-direction: row; gap: 32px; margin-bottom: 16px; }
}
@media (min-width: 0px) {
    .css-fz7a1v { flex: 1 1 0%; }
}
@media (min-width: 900px) {
    .css-fz7a1v { flex: 0 0 auto; min-width: 200px; }
}
.css-8kfknb { height: 40px; }
@media (min-width: 0px) {
    .css-1ozjt1n { flex: 1 1 0%; }
}
@media (min-width: 900px) {
    .css-1ozjt1n { flex: 0 0 auto; min-width: 250px; }
}
.css-ec33c8 { margin: 0px 0px 16px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1.25rem; letter-spacing: 0.0075em; line-height: 1.3; color: rgba(0, 0, 0, 0.87); font-weight: 600; }
.css-1ov46kg { display: flex; flex-direction: column; }
.css-1ov46kg > :not(style):not(style) { margin: 0px; }
.css-1ov46kg > :not(style) ~ :not(style) { margin-top: 16px; }
.css-3yehj1 { color: rgba(0, 0, 0, 0.6); text-decoration: underline; cursor: pointer; font-size: 0.875rem; }
.css-3yehj1:hover { color: rgb(0, 0, 0); }
.css-14cdlnb { --Link-underlineColor: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.6); text-decoration: underline; cursor: pointer; font-size: 0.875rem; }
.css-14cdlnb:hover { text-decoration-color: inherit; }
.css-14cdlnb:hover { color: rgb(0, 0, 0); }
.css-oxf4ig { margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; line-height: inherit; letter-spacing: inherit; --Link-underlineColor: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.6); text-decoration: underline; cursor: pointer; font-size: 0.875rem; }
.css-oxf4ig:hover { text-decoration-color: inherit; }
.css-oxf4ig:hover { color: rgb(0, 0, 0); }
@media (min-width: 0px) {
    .css-bipww7 { flex: 1 1 0%; }
}
@media (min-width: 900px) {
    .css-bipww7 { flex: 0 0 auto; min-width: 300px; }
}
.css-pb4y8c { display: flex; flex-direction: column; }
.css-pb4y8c > :not(style):not(style) { margin: 0px; }
.css-pb4y8c > :not(style) ~ :not(style) { margin-top: 12px; }
.css-fm4r4t { display: flex; align-items: flex-start; gap: 8px; }
.css-kczits { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.1rem; margin-top: 1.6px; color: rgba(0, 0, 0, 0.6); }
.css-1nf0shr { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.01071em; font-size: 0.875rem; line-height: 1.4; }
.css-1vdrrz4 { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.1rem; color: rgba(0, 0, 0, 0.6); }
.css-1ywm1ei { text-decoration: underline; cursor: pointer; font-size: 0.875rem; color: rgb(15, 23, 42); }
.css-1ywm1ei:hover { color: rgb(0, 0, 0); }
.css-1ywm1ei:hover { color: rgb(55, 65, 81); }
.css-1upy14c { --Link-underlineColor: rgba(0, 0, 0, 0.4); text-decoration: underline; cursor: pointer; font-size: 0.875rem; color: rgb(15, 23, 42); }
.css-1upy14c:hover { text-decoration-color: inherit; }
.css-1upy14c:hover { color: rgb(0, 0, 0); }
.css-1upy14c:hover { color: rgb(55, 65, 81); }
.css-1gjwup2 { margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; line-height: inherit; letter-spacing: inherit; --Link-underlineColor: rgba(0, 0, 0, 0.4); text-decoration: underline; cursor: pointer; font-size: 0.875rem; color: rgb(15, 23, 42); }
.css-1gjwup2:hover { text-decoration-color: inherit; }
.css-1gjwup2:hover { color: rgb(0, 0, 0); }
.css-1gjwup2:hover { color: rgb(55, 65, 81); }
@media (min-width: 0px) {
    .css-14v0ocj { margin-top: 32px; }
}
@media (min-width: 900px) {
    .css-14v0ocj { margin-top: 16px; }
}
.css-pvgo2o { font-size: 0.8rem; line-height: 1.4; }
.css-44jkby { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 0.00938em; font-size: 0.8rem; line-height: 1.4; }
@media print {
    .css-depviu { position: absolute !important; }
}
.css-1o9zlj7 { position: fixed; inset: 0px; visibility: hidden; z-index: 1200; }
@media (min-width: 0px) {
    .css-1o9zlj7 { display: block; }
}
@media (min-width: 900px) {
    .css-1o9zlj7 { display: none; }
}
.css-1o9zlj7 .MuiDrawer-paper { box-sizing: border-box; width: 250px; }
.css-lw0xdp { z-index: -1; }
.css-14dl35y { position: fixed; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; inset: 0px; background-color: rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: transparent; z-index: -1; }
.css-eb32fy { overflow-y: auto; display: flex; flex-direction: column; height: 100%; flex: 1 0 auto; z-index: 1200; position: fixed; top: 0px; outline: 0px; right: 0px; }
.css-y50yd7 { background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.87); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: var(--Paper-shadow); background-image: var(--Paper-overlay); overflow-y: auto; display: flex; flex-direction: column; height: 100%; flex: 1 0 auto; z-index: 1200; position: fixed; top: 0px; outline: 0px; right: 0px; }
.css-1u2gdj3 { text-align: center; padding: 16px; }
.css-1wduhak { list-style: none; margin: 0px; padding: 8px 0px; position: relative; }
.css-1ohqk82 { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; }
.css-y0y4my { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; padding: 8px 16px; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); text-align: center; }
.css-y0y4my:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
    .css-y0y4my:hover { background-color: transparent; }
}
.css-y0y4my.Mui-selected { background-color: rgba(0, 0, 0, 0.08); }
.css-y0y4my.Mui-selected.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.2); }
.css-y0y4my.Mui-selected:hover { background-color: rgba(0, 0, 0, 0.12); }
@media (hover: none) {
    .css-y0y4my.Mui-selected:hover { background-color: rgba(0, 0, 0, 0.08); }
}
.css-y0y4my.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-y0y4my.Mui-disabled { opacity: 0.38; }
.css-g55hxg { -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; color: inherit; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; min-width: 0px; box-sizing: border-box; padding: 8px 16px; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); text-align: center; }
.css-g55hxg.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-g55hxg { print-color-adjust: exact; }
}
.css-g55hxg:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.04); }
@media (hover: none) {
    .css-g55hxg:hover { background-color: transparent; }
}
.css-g55hxg.Mui-selected { background-color: rgba(0, 0, 0, 0.08); }
.css-g55hxg.Mui-selected.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.2); }
.css-g55hxg.Mui-selected:hover { background-color: rgba(0, 0, 0, 0.12); }
@media (hover: none) {
    .css-g55hxg.Mui-selected:hover { background-color: rgba(0, 0, 0, 0.08); }
}
.css-g55hxg.Mui-focusVisible { background-color: rgba(0, 0, 0, 0.12); }
.css-g55hxg.Mui-disabled { opacity: 0.38; }
.css-14rdsw0 { flex: 1 1 auto; min-width: 0px; margin-top: 4px; margin-bottom: 4px; }
.MuiTypography-root:where(.css-14rdsw0 .MuiListItemText-primary) { display: block; }
.MuiTypography-root:where(.css-14rdsw0 .MuiListItemText-secondary) { display: block; }
.css-n4oace { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; letter-spacing: 0.00938em; }
.css-1wv770k { -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; margin-top: 16px; display: flex; -webkit-box-pack: center; justify-content: center; }
.css-1aecmc7 { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; margin-top: 16px; }
.css-134eh3y { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border-radius: 4px; padding: 5px 15px; border: 1px solid rgb(22, 119, 255); background-color: var(--variant-outlinedBg); --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; width: 100%; text-transform: none; transition: 0.2s ease-in-out; box-shadow: none; color: rgb(22, 119, 255); }
.css-134eh3y:hover { text-decoration: none; }
.css-134eh3y.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-134eh3y.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-134eh3y:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-134eh3y.MuiButton-loading { color: transparent; }
.css-134eh3y:hover { background-color: rgb(255, 255, 255); border-color: rgb(177, 215, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; transform: translateY(-1px); }
.css-134eh3y:focus-visible { background-color: transparent; outline: none; }
.css-134eh3y:hover { color: rgb(22, 119, 255); }
.css-1c20e47 { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border-radius: 4px; padding: 5px 15px; border: 1px solid rgb(22, 119, 255); background-color: var(--variant-outlinedBg); --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; width: 100%; text-transform: none; transition: 0.2s ease-in-out; box-shadow: none; color: rgb(22, 119, 255); }
.css-1c20e47.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-1c20e47 { print-color-adjust: exact; }
}
.css-1c20e47:hover { text-decoration: none; }
.css-1c20e47.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1c20e47.Mui-disabled { border: 1px solid rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-1c20e47:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-1c20e47.MuiButton-loading { color: transparent; }
.css-1c20e47:hover { background-color: rgb(255, 255, 255); border-color: rgb(177, 215, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; transform: translateY(-1px); }
.css-1c20e47:focus-visible { background-color: transparent; outline: none; }
.css-1c20e47:hover { color: rgb(22, 119, 255); }
.css-7hiuzh { display: flex; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; width: 100%; box-sizing: border-box; text-align: left; margin-top: 8px; }
.css-1lq39gu { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; padding: 6px 16px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; width: 100%; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); }
.css-1lq39gu:hover { text-decoration: none; }
.css-1lq39gu.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1lq39gu:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-1lq39gu:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-1lq39gu:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-1lq39gu.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-1lq39gu.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-1lq39gu:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-1lq39gu.MuiButton-loading { color: transparent; }
.css-1lq39gu:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-1g11idv { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; padding: 6px 16px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; width: 100%; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); }
.css-1g11idv.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-1g11idv { print-color-adjust: exact; }
}
.css-1g11idv:hover { text-decoration: none; }
.css-1g11idv.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1g11idv:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-1g11idv:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-1g11idv:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-1g11idv.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-1g11idv.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-1g11idv:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-1g11idv.MuiButton-loading { color: transparent; }
.css-1g11idv:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-6gxpji { width: 72px; height: 72px; }
.css-1jpcp03 { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.css-1pfhyq4 { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; overflow: hidden; }
.css-r938or { width: 20px; height: 15px; border-radius: 2px; object-fit: cover; flex-shrink: 0; }
.css-y91wn9 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-box-flex: 1; flex-grow: 1; }
.css-zd5cyj { display: flex; flex-direction: column; min-height: 100vh; width: 100%; background-image: url("/alps2-blurred-bg.webp"); background-size: cover; background-position: center center; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding-top: 32px; padding-bottom: 32px; }
.css-hbm2t4 { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 100%; }
.css-1px9y25 { width: 100%; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; }
@media (min-width: 0px) {
    .css-1px9y25 { max-width: 100%; padding: 16px; border-radius: 0px; margin-top: 32px; }
}
@media (min-width: 600px) {
    .css-1px9y25 { max-width: 600px; padding: 32px; border-radius: 8px; margin-top: 0px; }
}
.css-10nvdnv { display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; margin-bottom: 24px; }
.css-fink01 { margin: 0px 0px 16px; flex-shrink: 0; border-width: 0px 0px thin; border-style: solid; border-color: rgba(0, 0, 0, 0.12); width: 100%; }
.css-d9x23h { margin: 0px 0px 24px; font-family: Roboto, Helvetica, Arial, sans-serif; line-height: 1.334; letter-spacing: 0em; text-align: var(--Typography-textAlign); color: rgb(45, 55, 72); font-size: 1.5rem; font-weight: 700; width: 100%; }
.css-em6t9z { display: flex; flex-direction: row; -webkit-box-align: center; align-items: flex-start; margin-bottom: 32px; width: 100%; }
.css-dj308v { padding-left: 8px; padding-right: 8px; flex: 1 1 0%; position: relative; }
.css-1eeelkt { display: flex; -webkit-box-align: center; align-items: center; }
.css-1eeelkt.MuiStepLabel-alternativeLabel { flex-direction: column; }
.css-1eeelkt.Mui-disabled { cursor: default; }
.css-1wd7dh2 { flex-shrink: 0; display: flex; padding-right: 8px; }
.css-1wd7dh2.MuiStepLabel-alternativeLabel { padding-right: 0px; }
.css-v4ddm1 { display: block; transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1); color: rgba(0, 0, 0, 0.38); }
.css-v4ddm1.Mui-completed { color: rgb(0, 0, 0); }
.css-v4ddm1.Mui-active { color: rgb(0, 0, 0); }
.css-v4ddm1.Mui-error { color: rgb(211, 47, 47); }
.css-s3amh { user-select: none; width: 1em; height: 1em; flex-shrink: 0; fill: currentcolor; font-size: 1.5rem; display: block; transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1); color: rgba(0, 0, 0, 0.38); }
.css-s3amh.Mui-completed { color: rgb(0, 0, 0); }
.css-s3amh.Mui-active { color: rgb(0, 0, 0); }
.css-s3amh.Mui-error { color: rgb(211, 47, 47); }
.css-st62d8 { fill: rgb(255, 255, 255); font-size: 0.75rem; font-family: Roboto, Helvetica, Arial, sans-serif; }
.css-l4bodp { width: 100%; color: rgba(0, 0, 0, 0.6); }
.css-l4bodp.MuiStepLabel-alternativeLabel { text-align: center; }
.css-hbnnsx { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; letter-spacing: 0.01071em; display: block; transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-hbnnsx.Mui-active { color: rgba(0, 0, 0, 0.87); font-weight: 500; }
.css-hbnnsx.Mui-completed { color: rgba(0, 0, 0, 0.87); font-weight: 500; }
.css-hbnnsx.MuiStepLabel-alternativeLabel { margin-top: 16px; }
.css-hbnnsx.Mui-error { color: rgb(211, 47, 47); }
.css-1ssdz5r { flex: 1 1 auto; position: absolute; top: 12px; left: calc(-50% + 20px); right: calc(50% + 20px); }
.css-a5oois { display: block; border-color: rgb(189, 189, 189); border-top-style: solid; border-top-width: 1px; }
.css-1bhxive { display: flex; flex-direction: column; gap: 20px; width: 100%; }
.css-8atqhb { width: 100%; }
.css-1vbfw84 { display: inline-flex; flex-direction: column; position: relative; min-width: 0px; padding: 0px; margin: 0px; border: 0px; vertical-align: top; width: 100%; }
.css-15ntoyf { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 0px; top: 0px; transform-origin: left top; transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1); z-index: 1; user-select: none; pointer-events: auto; max-width: calc(133% - 32px); transform: translate(14px, -9px) scale(0.75); }
.css-194qugf { color: rgba(0, 0, 0, 0.6); font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; padding: 0px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 0px; top: 0px; transform-origin: left top; transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1); z-index: 1; user-select: none; pointer-events: auto; max-width: calc(133% - 32px); transform: translate(14px, -9px) scale(0.75); }
.css-194qugf.Mui-focused { color: rgb(0, 0, 0); }
.css-194qugf.Mui-disabled { color: rgba(0, 0, 0, 0.38); }
.css-194qugf.Mui-error { color: rgb(211, 47, 47); }
.css-b6x67f.Mui-error { color: rgb(211, 47, 47); }
.css-yvyj0x { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; width: 100%; position: relative; border-radius: 4px; padding-left: 14px; }
.css-yvyj0x.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; }
.css-yvyj0x:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); }
@media (hover: none) {
    .css-yvyj0x:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }
}
.css-yvyj0x.Mui-focused .MuiOutlinedInput-notchedOutline { border-width: 2px; }
.css-yvyj0x.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(0, 0, 0); }
.css-yvyj0x.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(211, 47, 47); }
.css-yvyj0x.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); }
.css-1p9sqvj { display: flex; max-height: 2em; -webkit-box-align: center; align-items: center; white-space: nowrap; color: rgba(0, 0, 0, 0.54); margin-right: 8px; }
.css-1p9sqvj .MuiInputAdornment-positionStart { margin-top: 0px !important; }
.css-1qk38wv { display: inline-flex; flex-direction: column; position: relative; min-width: 0px; padding: 0px; margin: 0px; border: 0px; vertical-align: top; }
.css-mh5sl6 { font-size: 0.9rem; font-weight: 500; }
.css-1ux2lje { font-family: Roboto, Helvetica, Arial, sans-serif; line-height: 1.4375em; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; position: relative; font-size: 0.9rem; font-weight: 500; }
.css-1ux2lje.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; }
label + .css-1ux2lje { margin-top: 16px; }
.css-1juu494 { font: inherit; letter-spacing: inherit; color: currentcolor; padding: 4px 0px 5px; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; }
.css-1juu494::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-1juu494:focus { outline: 0px; }
.css-1juu494:invalid { box-shadow: none; }
.css-1juu494::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-1juu494::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-1juu494:focus::-webkit-input-placeholder { opacity: 0.42; }
.css-1juu494.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }
.css-1juu494:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.css-1wcjd45 { appearance: none; user-select: none; border-radius: 0px; cursor: pointer; font: inherit; letter-spacing: inherit; color: currentcolor; padding: 4px 0px 5px; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; }
.css-1wcjd45:focus { border-radius: 0px; }
.css-1wcjd45.Mui-disabled { cursor: default; }
.css-1wcjd45[multiple] { height: auto; }
.css-1wcjd45:not([multiple]) option, .css-1wcjd45:not([multiple]) optgroup { background-color: rgb(255, 255, 255); }
.css-1wcjd45.css-1wcjd45.css-1wcjd45 { padding-right: 24px; min-width: 16px; }
.css-1wcjd45.MuiSelect-select { height: auto; min-height: 1.4375em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.css-1wcjd45::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-1wcjd45:focus { outline: 0px; }
.css-1wcjd45:invalid { box-shadow: none; }
.css-1wcjd45::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-1wcjd45::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-1wcjd45:focus::-webkit-input-placeholder { opacity: 0.42; }
.css-1wcjd45.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }
.css-1wcjd45:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.css-1nkidvm { position: absolute; right: 0px; top: calc(50% - 0.5em); pointer-events: none; color: rgba(0, 0, 0, 0.54); }
.css-1nkidvm.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-86oyf8 { user-select: none; width: 1em; height: 1em; display: inline-block; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); fill: currentcolor; font-size: 1.5rem; position: absolute; right: 0px; top: calc(50% - 0.5em); pointer-events: none; color: rgba(0, 0, 0, 0.54); }
.css-86oyf8.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1ooubvk { font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 14px 16.5px 0px; }
.css-1ooubvk::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-1ooubvk:focus { outline: 0px; }
.css-1ooubvk:invalid { box-shadow: none; }
.css-1ooubvk::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-1ooubvk::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-1ooubvk:focus::-webkit-input-placeholder { opacity: 0.42; }
.css-1ooubvk.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }
.css-1ooubvk:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.css-1ooubvk:-webkit-autofill { border-radius: inherit; }
.css-w1u3ce { float: unset; width: auto; overflow: hidden; display: block; padding: 0px; height: 11px; font-size: 0.75em; visibility: hidden; white-space: nowrap; max-width: 100%; transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms; }
.css-w1u3ce > span { padding-left: 5px; padding-right: 5px; display: inline-block; opacity: 0; visibility: visible; }
.css-aqpfg7 { display: block; transform-origin: left top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 0px; top: 0px; transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1); z-index: 1; pointer-events: none; transform: translate(14px, 16px) scale(1); max-width: calc(100% - 24px); }
.css-6ibjzl { color: rgba(0, 0, 0, 0.6); font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; padding: 0px; display: block; transform-origin: left top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; left: 0px; top: 0px; transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1); z-index: 1; pointer-events: none; transform: translate(14px, 16px) scale(1); max-width: calc(100% - 24px); }
.css-6ibjzl.Mui-focused { color: rgb(0, 0, 0); }
.css-6ibjzl.Mui-disabled { color: rgba(0, 0, 0, 0.38); }
.css-6ibjzl.Mui-error { color: rgb(211, 47, 47); }
.css-81qg8w { float: unset; width: auto; overflow: hidden; display: block; padding: 0px; height: 11px; font-size: 0.75em; visibility: hidden; max-width: 0.01px; transition: max-width 50ms cubic-bezier(0, 0, 0.2, 1); white-space: nowrap; }
.css-81qg8w > span { padding-left: 5px; padding-right: 5px; display: inline-block; opacity: 0; visibility: visible; }
.css-bdowa3 { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.4375em; letter-spacing: 0.00938em; color: rgba(0, 0, 0, 0.87); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; width: 100%; position: relative; border-radius: 4px; padding-right: 14px; }
.css-bdowa3.Mui-disabled { color: rgba(0, 0, 0, 0.38); cursor: default; }
.css-bdowa3:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.87); }
@media (hover: none) {
    .css-bdowa3:hover .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.23); }
}
.css-bdowa3.Mui-focused .MuiOutlinedInput-notchedOutline { border-width: 2px; }
.css-bdowa3.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: rgb(0, 0, 0); }
.css-bdowa3.Mui-error .MuiOutlinedInput-notchedOutline { border-color: rgb(211, 47, 47); }
.css-bdowa3.Mui-disabled .MuiOutlinedInput-notchedOutline { border-color: rgba(0, 0, 0, 0.26); }
.css-qwdxx6 { font: inherit; letter-spacing: inherit; color: currentcolor; border: 0px; box-sizing: content-box; background: none; height: 1.4375em; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; animation-name: mui-auto-fill-cancel; animation-duration: 10ms; padding: 16.5px 0px 16.5px 14px; }
.css-qwdxx6::-webkit-input-placeholder { color: currentcolor; opacity: 0.42; transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1); }
.css-qwdxx6:focus { outline: 0px; }
.css-qwdxx6:invalid { box-shadow: none; }
.css-qwdxx6::-webkit-search-decoration { appearance: none; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-qwdxx6::-webkit-input-placeholder { opacity: 0 !important; }
label[data-shrink="false"] + .MuiInputBase-formControl .css-qwdxx6:focus::-webkit-input-placeholder { opacity: 0.42; }
.css-qwdxx6.Mui-disabled { opacity: 1; -webkit-text-fill-color: rgba(0, 0, 0, 0.38); }
.css-qwdxx6:-webkit-autofill { animation-duration: 5000s; animation-name: mui-auto-fill; }
.css-qwdxx6:-webkit-autofill { border-radius: inherit; }
.css-yxqbup { display: flex; max-height: 2em; -webkit-box-align: center; align-items: center; white-space: nowrap; color: rgba(0, 0, 0, 0.54); margin-left: 8px; }
.css-uhq1qk { text-align: center; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; color: rgba(0, 0, 0, 0.54); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); --IconButton-hoverBg: rgba(0, 0, 0, 0.04); margin-right: -12px; }
.css-uhq1qk:hover { background-color: var(--IconButton-hoverBg); }
@media (hover: none) {
    .css-uhq1qk:hover { background-color: transparent; }
}
.css-uhq1qk.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
.css-uhq1qk.MuiIconButton-loading { color: transparent; }
.css-15ni0jc { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px -12px 0px 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; color: rgba(0, 0, 0, 0.54); transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); --IconButton-hoverBg: rgba(0, 0, 0, 0.04); }
.css-15ni0jc.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-15ni0jc { print-color-adjust: exact; }
}
.css-15ni0jc:hover { background-color: var(--IconButton-hoverBg); }
@media (hover: none) {
    .css-15ni0jc:hover { background-color: transparent; }
}
.css-15ni0jc.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
.css-15ni0jc.MuiIconButton-loading { color: transparent; }
.css-e9c5i9 { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; padding: 12px 16px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); font-size: 1rem; width: 100%; }
.css-e9c5i9:hover { text-decoration: none; }
.css-e9c5i9.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-e9c5i9:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-e9c5i9:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-e9c5i9:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-e9c5i9.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-e9c5i9.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-e9c5i9:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-e9c5i9.MuiButton-loading { color: transparent; }
.css-e9c5i9:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-pvmuss { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; padding: 12px 16px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); font-size: 1rem; width: 100%; }
.css-pvmuss.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-pvmuss { print-color-adjust: exact; }
}
.css-pvmuss:hover { text-decoration: none; }
.css-pvmuss.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-pvmuss:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-pvmuss:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-pvmuss:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-pvmuss.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-pvmuss.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-pvmuss:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-pvmuss.MuiButton-loading { color: transparent; }
.css-pvmuss:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-127jhi8 { text-align: center; width: 100%; }
.css-1wviv0d { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 0.875rem; line-height: 1.43; letter-spacing: 0.01071em; color: rgb(0, 0, 0); font-weight: 500; }
.css-178yklu { margin-top: 24px; }
.css-h8jk65 { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; transition: 0.2s ease-in-out; color: rgba(0, 0, 0, 0.87); text-transform: none; display: flex; -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; padding: 6px 12px; }
.css-h8jk65:hover { text-decoration: none; }
.css-h8jk65.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover: hover) {
    .css-h8jk65:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-h8jk65.MuiButton-loading { color: transparent; }
.css-h8jk65:hover { background-color: rgb(255, 255, 255); }
.css-nleh9j { -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; border: 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; transition: 0.2s ease-in-out; color: rgba(0, 0, 0, 0.87); text-transform: none; display: flex; -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; padding: 6px 12px; }
.css-nleh9j.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-nleh9j { print-color-adjust: exact; }
}
.css-nleh9j:hover { text-decoration: none; }
.css-nleh9j.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover: hover) {
    .css-nleh9j:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-nleh9j.MuiButton-loading { color: transparent; }
.css-nleh9j:hover { background-color: rgb(255, 255, 255); }
.css-1egf66k { position: fixed; z-index: 1300; inset: 0px; }
@media print {
    .css-1egf66k { position: absolute !important; }
}
.css-8azq84 { height: 100%; outline: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
@media print {
    .css-8azq84 { height: auto; }
}
.css-q19ue { margin: 32px; position: relative; overflow-y: auto; display: flex; flex-direction: column; max-height: calc(100% - 64px); max-width: 900px; width: calc(100% - 64px); }
@media print {
    .css-q19ue { overflow-y: visible; box-shadow: none; }
}
@media (max-width: 963.95px) {
    .css-q19ue.MuiDialog-paperScrollBody { max-width: calc(100% - 64px); }
}
.css-q89p9s { border-radius: 8px; margin: 32px; position: relative; overflow-y: auto; display: flex; flex-direction: column; max-height: calc(100% - 64px); max-width: 900px; width: calc(100% - 64px); }
@media print {
    .css-q89p9s { overflow-y: visible; box-shadow: none; }
}
@media (max-width: 963.95px) {
    .css-q89p9s.MuiDialog-paperScrollBody { max-width: calc(100% - 64px); }
}
.css-c03shz { background-color: rgb(255, 255, 255); color: rgba(0, 0, 0, 0.87); transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: var(--Paper-shadow); background-image: var(--Paper-overlay); border-radius: 8px; margin: 32px; position: relative; overflow-y: auto; display: flex; flex-direction: column; max-height: calc(100% - 64px); max-width: 900px; width: calc(100% - 64px); }
@media print {
    .css-c03shz { overflow-y: visible; box-shadow: none; }
}
@media (max-width: 963.95px) {
    .css-c03shz.MuiDialog-paperScrollBody { max-width: calc(100% - 64px); }
}
.css-146zjj9 { padding: 16px 24px; flex: 0 0 auto; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 0px; }
.css-1hyz3ex { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 1.25rem; letter-spacing: 0.0075em; line-height: 1.3; padding: 16px 24px; flex: 0 0 auto; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 0px; }
.css-b8363o { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 1.25rem; letter-spacing: 0.0075em; line-height: 1.3; font-weight: 600; margin: 0px; }
.css-zv9ln9 { text-align: center; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); --IconButton-hoverBg: rgba(0, 0, 0, 0.04); margin-right: -12px; color: inherit; }
.css-zv9ln9:hover { background-color: var(--IconButton-hoverBg); }
@media (hover: none) {
    .css-zv9ln9:hover { background-color: transparent; }
}
.css-zv9ln9.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
.css-zv9ln9.MuiIconButton-loading { color: transparent; }
.css-ft53yx { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; border: 0px; margin: 0px -12px 0px 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; text-align: center; flex: 0 0 auto; font-size: 1.5rem; padding: 8px; border-radius: 50%; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); --IconButton-hoverBg: rgba(0, 0, 0, 0.04); color: inherit; }
.css-ft53yx.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-ft53yx { print-color-adjust: exact; }
}
.css-ft53yx:hover { background-color: var(--IconButton-hoverBg); }
@media (hover: none) {
    .css-ft53yx:hover { background-color: transparent; }
}
.css-ft53yx.Mui-disabled { background-color: transparent; color: rgba(0, 0, 0, 0.26); }
.css-ft53yx.MuiIconButton-loading { color: transparent; }
.css-9k49o2 { margin: 0px; flex-shrink: 0; border-width: 0px 0px thin; border-style: solid; border-color: rgba(0, 0, 0, 0.12); }
.css-5mxlg3 { padding: 24px; }
.css-5mxlg3 .MuiTypography-h5 { font-weight: 600; margin-bottom: 0px; color: rgb(0, 0, 0); }
.css-5mxlg3 .MuiTypography-h6 { font-weight: 600; margin-top: 16px; margin-bottom: 8px; }
.css-5mxlg3 .MuiTypography-body1 { margin-bottom: 12px; font-size: 0.95rem; line-height: 1.6; text-align: justify; }
.css-1xlhjdo { flex: 1 1 auto; overflow-y: auto; padding: 24px; }
.MuiDialogTitle-root + .css-1xlhjdo { padding-top: 0px; }
.css-1xlhjdo .MuiTypography-h5 { font-weight: 600; margin-bottom: 0px; color: rgb(0, 0, 0); }
.css-1xlhjdo .MuiTypography-h6 { font-weight: 600; margin-top: 16px; margin-bottom: 8px; }
.css-1xlhjdo .MuiTypography-body1 { margin-bottom: 12px; font-size: 0.95rem; line-height: 1.6; text-align: justify; }
.css-x2s1cf { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 1.334; letter-spacing: 0em; white-space: pre-line; }
.css-15av371 { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; letter-spacing: 0.00938em; white-space: pre-line; }
.css-1l9t9lm { margin: 32px 0px 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 1.334; letter-spacing: 0em; white-space: pre-line; }
.css-1v9fmjr { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex: 0 0 auto; padding: 24px; }
.css-1v9fmjr > :not(style) ~ :not(style) { margin-left: 8px; }
.css-yaf28k { font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; padding: 6px 16px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); }
.css-yaf28k:hover { text-decoration: none; }
.css-yaf28k.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-yaf28k:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-yaf28k:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-yaf28k:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-yaf28k.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-yaf28k.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-yaf28k:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-yaf28k.MuiButton-loading { color: transparent; }
.css-yaf28k:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-1nnuczd { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0px; margin: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.75; letter-spacing: 0.02857em; min-width: 64px; padding: 6px 16px; border: 0px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; --variant-textColor: #000000; --variant-outlinedColor: #000000; --variant-outlinedBorder: rgba(0, 0, 0, 0.5); --variant-containedColor: #fff; --variant-containedBg: #000000; text-transform: none; transition: 0.2s ease-in-out; color: rgb(255, 255, 255); background-color: rgb(22, 119, 255); }
.css-1nnuczd.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-1nnuczd { print-color-adjust: exact; }
}
.css-1nnuczd:hover { text-decoration: none; }
.css-1nnuczd.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1nnuczd:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; }
@media (hover: none) {
    .css-1nnuczd:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; }
}
.css-1nnuczd:active { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.css-1nnuczd.Mui-focusVisible { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; }
.css-1nnuczd.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-1nnuczd:hover { --variant-containedBg: rgb(0, 0, 0); --variant-textBg: rgba(0, 0, 0, 0.04); --variant-outlinedBorder: #000000; --variant-outlinedBg: rgba(0, 0, 0, 0.04); }
}
.css-1nnuczd.MuiButton-loading { color: transparent; }
.css-1nnuczd:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-1fn9j8o { margin: 0px 0px 16px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; letter-spacing: 0.00938em; }
.css-k5arau { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 1.334; letter-spacing: 0em; }
.css-11m8qxx { margin: 32px 0px 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 1.334; letter-spacing: 0em; }
.css-8l0ebx { margin: 0px 0px 12px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; letter-spacing: 0.00938em; white-space: pre-line; }
.css-189rh2l { margin: 32px 0px 8px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.5rem; line-height: 1.334; letter-spacing: 0em; white-space: pre-line; }
.css-15tqf9p { margin: 32px 0px 12px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.5; letter-spacing: 0.00938em; white-space: pre-line; }
body { overflow-x: hidden; }
.landing-header { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1000; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); border-radius: 0px 0px 20px 20px; margin: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 20px; }
.header-container { max-width: 1200px; margin: 0px auto; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; }
.header-logo { flex-shrink: 0; }
.logo-text { font-size: 24px; font-weight: 700; color: rgb(26, 26, 26); text-decoration: none; }
.header-nav { display: flex; gap: 48px; align-items: center; }
.nav-item { display: flex; flex-direction: column; cursor: pointer; transition: opacity 0.2s; }
.nav-item:hover { opacity: 0.7; }
.nav-title { font-size: 16px; font-weight: 600; color: rgb(26, 26, 26); line-height: 1.2; }
.nav-subtitle { font-size: 14px; color: rgb(102, 102, 102); line-height: 1.2; }
.header-actions { display: flex; gap: 16px; align-items: center; }
.login-btn { background: transparent; border: none; color: rgb(26, 26, 26); font-size: 16px; font-weight: 500; padding: 8px 16px; cursor: pointer; border-radius: 8px; transition: background-color 0.2s; }
.login-btn:hover { background-color: rgba(0, 0, 0, 0.05); }
.signup-btn { background: rgb(79, 70, 229); border: none; color: white; font-size: 16px; font-weight: 500; padding: 12px 24px; cursor: pointer; border-radius: 12px; transition: background-color 0.2s; }
.signup-btn:hover { background: rgb(67, 56, 202); }
.mobile-menu-btn { display: none; flex-direction: column; gap: 4px; background: none; border: none; cursor: pointer; padding: 8px; }
.mobile-menu-btn span { width: 24px; height: 2px; background: rgb(26, 26, 26); border-radius: 1px; transition: 0.3s; }
@media (max-width: 768px) {
    .landing-header { margin: 8px; border-radius: 0px 0px 16px 16px; }
    .header-container { padding: 12px 16px; }
    .logo-text { font-size: 20px; }
    .header-nav { display: none; }
    .header-actions { display: none; }
    .mobile-menu-btn { display: flex; }
}
@media (max-width: 1024px) {
    .header-nav { gap: 32px; }
    .nav-title { font-size: 15px; }
    .nav-subtitle { font-size: 13px; }
}
.landing-container { background: rgb(25, 17, 192); position: relative; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: white; width: 100%; padding-top: 120px; padding-bottom: 2rem; box-sizing: border-box; min-height: 100vh; }
@media (max-width: 768px) {
    .landing-container { height: auto; }
}
.landing-content { width: 73.125rem; margin: 0px auto; box-sizing: border-box; max-width: 100%; }
@media (max-width: 768px) {
    .landing-content { width: 90%; }
}
.background-video { position: absolute; z-index: 0; left: 0px; top: 0px; height: 100vh; object-fit: cover; width: 100%; pointer-events: none; display: block; vertical-align: middle; max-width: 100%; box-sizing: border-box; }
@media (max-width: 768px) {
    .background-video { height: 100%; object-position: center center; }
}
.video-overlay { position: absolute; z-index: 1; left: 0px; top: 0px; height: 100vh; width: 100%; background-color: rgb(2, 27, 72); opacity: 0.7; pointer-events: none; box-sizing: border-box; }
@media (max-width: 768px) {
    .video-overlay { height: 100%; }
}
.content-overlay { position: relative; z-index: 2; box-sizing: border-box; }
.main-title { text-align: center; margin-top: 2rem; font-size: 5rem; font-weight: bold; line-height: 5rem; box-sizing: border-box; }
@media (max-width: 768px) {
    .main-title { margin-top: 0rem; font-size: 2.75rem; font-weight: bold; line-height: 2.75rem; }
}
.hero-content { box-sizing: border-box; }
@media (max-width: 768px) {
    .hero-content { display: flex; flex-direction: column; }
}
.hero-description { color: rgb(167, 187, 224); text-align: center; font-size: 1.25rem; font-weight: 400; line-height: 1.6875rem; margin-top: 5.56rem; box-sizing: border-box; }
@media (max-width: 768px) {
    .hero-description { order: 2; font-size: 1.4rem; line-height: 1.8rem; }
}
.desktop-break { box-sizing: border-box; }
@media (max-width: 768px) {
    .desktop-break { display: none; }
}
.action-buttons { text-align: center; margin-top: 4.56rem; display: flex; justify-content: center; gap: 1.25rem; width: 100%; margin-right: auto; margin-left: auto; padding-right: 20px; padding-left: 20px; box-sizing: border-box; }
@media (max-width: 768px) {
    .action-buttons { order: 1; flex-direction: column; align-items: center; gap: 1rem; }
}
.btn-primary, .btn-secondary { border-radius: 2.8125rem; cursor: pointer; padding: 0.2rem 0.31rem 0.2rem 1.69rem; display: inline-flex; align-items: center; font-size: 1.125rem; box-sizing: border-box; border: none; text-decoration: none; }
.btn-primary { background: rgb(246, 246, 246); color: rgb(8, 49, 153); }
.btn-secondary { background: rgb(0, 23, 65); color: white; }
@media (max-width: 768px) {
    .btn-primary, .btn-secondary { font-size: 1rem; font-weight: 500; width: 13.3125rem; white-space: nowrap; display: flex; justify-content: space-between; }
}
.btn-icon { margin-left: 1.69rem; width: 2.75rem; height: 2.75rem; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-sizing: border-box; }
.btn-primary .btn-icon { background: rgb(8, 49, 153); }
.btn-secondary .btn-icon { background: rgba(255, 255, 255, 0.16); }
@media (max-width: 768px) {
    .btn-icon { flex-shrink: 0; margin-left: 0rem; }
}
.awards-section { height: 7.5rem; margin-top: 7.13rem; border-radius: 3.75rem; background: rgba(24, 52, 104, 0.75); backdrop-filter: blur(7.75px); display: flex; align-items: center; justify-content: space-between; padding-right: 4.79rem; padding-left: 2rem; box-sizing: border-box; }
@media (max-width: 768px) {
    .awards-section { height: 5.625rem; margin-top: 3.88rem; padding-right: 1rem; }
}
.awards-icon { animation: 10s linear 0s infinite normal none running rotating; height: 60px; width: 60px; display: block; vertical-align: middle; max-width: 100%; box-sizing: border-box; }
@keyframes rotating {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.awards-content { box-sizing: border-box; flex: 1 1 0%; margin-left: 2rem; }
.awards-scroll { position: relative; display: flex; overflow: hidden; user-select: none; gap: 3rem; box-sizing: border-box; }
.awards-item, .awards-item-duplicate { flex-shrink: 0; display: flex; justify-content: space-around; min-width: 100%; animation: 10s linear 0s infinite normal none running scroll; box-sizing: border-box; }
@keyframes scroll {
    0% { transform: translateX(0px); }
    100% { transform: translateX(-100%); }
}
.awards-logos { display: flex; gap: 2rem; align-items: center; width: 100%; justify-content: space-around; }
.badge { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 0.5rem 1rem; font-size: 0.875rem; color: white; white-space: nowrap; }
.scroll-indicator { height: 2.6875rem; opacity: 0.4; margin: 5.5rem auto 0px; cursor: pointer; display: flex; justify-content: center; align-items: center; box-sizing: border-box; }
.mouse-icon { font-size: 2rem; animation: 2s ease 0s infinite normal none running bounce; }
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0px); }
    40% { transform: translateY(-10px); }
    60% { transform: translateY(-5px); }
}
#section-2 { overflow-x: hidden; }
.banking-solutions-section { background: linear-gradient(rgb(113, 175, 255) 0%, rgb(96, 205, 255) 100%); padding: 96px 0px; display: flex; align-items: center; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; overflow-x: hidden; }
.banking-solutions-container { max-width: 1200px; margin: 0px auto; padding: 0px 24px; }
.section-title { text-align: center; font-size: 4rem; font-weight: 700; color: rgb(0, 23, 66); margin-top: 0px; margin-bottom: 80px; line-height: 1.1; }
@media (max-width: 768px) {
    .section-title { font-size: 2.5rem; margin-bottom: 60px; }
    .banking-solutions-section { padding: 64px 0px; }
}
.cards-carousel { position: relative; margin-bottom: 60px; width: 100vw; margin-left: calc(50% - 50vw); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.cards-container { display: flex; align-items: stretch; height: 100%; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; gap: 40px; position: relative; touch-action: pan-y; }
.cards-container.dragging { transition: none; }
.solution-card { flex-shrink: 0; width: 700px; border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 40px; position: relative; display: flex; flex-direction: column; }
.solution-card.center { z-index: 3; }
.solution-card.left, .solution-card.right, .solution-card.left-hidden, .solution-card.right-hidden { z-index: 2; }
.mobile-tab-navigation { display: none; align-items: center; justify-content: center; margin-bottom: 30px; gap: 20px; }
.mobile-tab-arrow { background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.3); color: rgb(30, 41, 59); width: 44px; height: 44px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.3s; backdrop-filter: blur(10px); }
.mobile-tab-arrow svg { font-size: 18px; }
.mobile-tab-arrow:hover { background: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.5); transform: scale(1.1); }
.mobile-tab-display { background: rgb(5, 29, 73); color: white; padding: 12px 24px; border-radius: 20px; font-size: 1rem; font-weight: 600; min-width: 150px; text-align: center; box-shadow: rgba(30, 41, 59, 0.4) 0px 4px 12px; }
@media (max-width: 768px) {
    .mobile-tab-navigation { display: flex; }
    .mobile-tab-display { width: 100%; }
    .card-navigation { display: none; }
    .cards-carousel { min-height: 400px; margin-bottom: 40px; }
    .cards-container { gap: 20px; justify-content: center; align-items: stretch; }
    .solution-card { width: calc(-80px + 100vw); max-width: none; height: auto; display: block; }
}
.card-content { flex: 1 1 0%; padding: 40px; display: flex; align-items: center; gap: 30px; color: white; box-sizing: border-box; }
@media (max-width: 768px) {
    .card-content { padding: 20px 24px 24px; flex-direction: column; gap: 16px; text-align: center; justify-content: flex-start; box-sizing: border-box; display: flex; height: auto !important; }
    .card-image { order: 1; flex: 0 0 auto; width: 100%; margin-bottom: 16px; }
    .card-image img { width: 100%; height: auto; object-fit: cover; border-radius: 12px; }
    .card-text { order: 2; flex: 1 1 0%; display: flex; flex-direction: column; gap: 12px; justify-content: center; }
    .card-button { order: 3; width: 100%; margin-top: 16px; align-self: stretch; flex-shrink: 0; }
}
.card-text { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; min-height: 0px; }
.card-title { font-size: 2.2rem; font-weight: 700; margin-bottom: 20px; margin-top: 0px; line-height: 1.2; }
@media (max-width: 768px) {
    .card-title { font-size: 2rem; margin-bottom: 8px; margin-top: 20px; }
}
.card-subtitle { font-size: 1.1rem; line-height: 1.5; color: rgba(255, 255, 255, 0.9); margin-bottom: 28px; }
@media (max-width: 768px) {
    .card-subtitle { font-size: 1.4rem; margin-top: 0px; line-height: 1.4; }
}
.card-button { background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.3); color: white; padding: 16px 32px; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: 0.3s; backdrop-filter: blur(10px); }
.card-button:hover { background: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.5); transform: translateY(-2px); }
.card-image { flex: 1 1 0%; display: flex; justify-content: center; align-items: center; min-height: 0px; }
.card-image img { max-width: 100%; width: auto; height: auto; object-fit: contain; border-radius: 12px; }
.card-navigation { display: flex; justify-content: center; gap: 0px; flex-wrap: wrap; background: rgba(255, 255, 255, 0.1); border-radius: 50px; padding: 8px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); max-width: fit-content; margin: 0px auto; }
.nav-tab { background: transparent; border: none; color: rgb(30, 41, 59); padding: 16px 24px; border-radius: 40px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: 0.3s; white-space: nowrap; position: relative; }
.nav-tab:hover:not(.disabled) { background: rgba(255, 255, 255, 0.1); color: rgb(15, 23, 42); }
.nav-tab.active { background: rgb(5, 29, 73); color: white; box-shadow: rgba(30, 41, 59, 0.4) 0px 4px 12px; }
.nav-tab.disabled { opacity: 0.5; cursor: not-allowed; color: rgb(100, 116, 139); }
@media (max-width: 768px) {
    .card-navigation { display: none; }
}
@media (max-width: 480px) {
    .nav-tab { padding: 10px 12px; font-size: 0.8rem; }
}

body {
    overflow-x: hidden;
}

.landing-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 0 0 20px 20px;
    margin: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-logo {
    flex-shrink: 0;
}

.logo-text {
    font-size: 24px;
    font-weight: 700;
    color: #1a1a1a;
    text-decoration: none;
}

.header-nav {
    display: flex;
    gap: 48px;
    align-items: center;
}

.nav-item {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.nav-item:hover {
    opacity: 0.7;
}

.nav-title {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.2;
}

.nav-subtitle {
    font-size: 14px;
    color: #666;
    line-height: 1.2;
}

.header-actions {
    display: flex;
    gap: 16px;
    align-items: center;
}

.login-btn {
    background: transparent;
    border: none;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.login-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.signup-btn {
    background: #4F46E5;
    border: none;
    color: white;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 24px;
    cursor: pointer;
    border-radius: 12px;
    transition: background-color 0.2s ease;
}

.signup-btn:hover {
    background: #4338CA;
}

.mobile-menu-btn {
    display: none;
    flex-direction: column;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
}

.mobile-menu-btn span {
    width: 24px;
    height: 2px;
    background: #1a1a1a;
    border-radius: 1px;
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .landing-header {
        margin: 8px;
        border-radius: 0 0 16px 16px;
    }

    .header-container {
        padding: 12px 16px;
    }

    .logo-text {
        font-size: 20px;
    }

    .header-nav {
        display: none;
    }

    .header-actions {
        display: none;
    }

    .mobile-menu-btn {
        display: flex;
    }
}

@media (max-width: 1024px) {
    .header-nav {
        gap: 32px;
    }

    .nav-title {
        font-size: 15px;
    }

    .nav-subtitle {
        font-size: 13px;
    }
}


.landing-container {
    background: rgb(25, 17, 192);
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
    color: white;
    width: 100%;
    padding-top: 120px;
    padding-bottom: 2rem;
    box-sizing: border-box;
    min-height: 100vh;
}

@media (max-width: 768px) {
    .landing-container {
        height: auto;
    }
}

.landing-content {
    width: 73.125rem;
    margin: 0px auto;
    box-sizing: border-box;
    max-width: 100%;
}

@media (max-width: 768px) {
    .landing-content {
        width: 90%;
    }
}

.background-video {
    position: absolute;
    z-index: 0;
    left: 0px;
    top: 0px;
    height: 100vh;
    object-fit: cover;
    width: 100%;
    pointer-events: none;
    display: block;
    vertical-align: middle;
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .background-video {
        height: 100%;
        object-position: center center;
    }
}

.video-overlay {
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
    height: 100vh;
    width: 100%;
    background-color: #021B48;
    opacity: 0.7;
    pointer-events: none;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .video-overlay {
        height: 100%;
    }
}

.content-overlay {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}

.main-title {
    text-align: center;
    margin-top: 2rem;
    font-size: 5rem;
    font-weight: bold;
    line-height: 5rem;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .main-title {
        margin-top: 0rem;
        font-size: 2.75rem;
        font-weight: bold;
        line-height: 2.75rem;
    }
}

.hero-content {
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .hero-content {
        display: flex;
        flex-direction: column;
    }
}

.hero-description {
    color: rgb(167, 187, 224);
    text-align: center;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.6875rem;
    margin-top: 5.56rem;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .hero-description {
        order: 2;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}

.desktop-break {
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .desktop-break {
        display: none;
    }
}

.action-buttons {
    text-align: center;
    margin-top: 4.56rem;
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .action-buttons {
        order: 1;
        flex-direction: column;
        align-items: center;
        gap: 1rem;
    }
}

.btn-primary, .btn-secondary {
    border-radius: 2.8125rem;
    cursor: pointer;
    padding: 0.2rem 0.31rem 0.2rem 1.69rem;
    display: inline-flex;
    align-items: center;
    font-size: 1.125rem;
    box-sizing: border-box;
    border: none;
    text-decoration: none;
}

.btn-primary {
    background: rgb(246, 246, 246);
    color: rgb(8, 49, 153);
}

.btn-secondary {
    background: rgb(0, 23, 65);
    color: white;
}

@media (max-width: 768px) {
    .btn-primary, .btn-secondary {
        font-size: 1rem;
        font-weight: 500;
        width: 13.3125rem;
        white-space: nowrap;
        display: flex;
        justify-content: space-between;
    }
}

.btn-icon {
    margin-left: 1.69rem;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.btn-primary .btn-icon {
    background: rgb(8, 49, 153);
}

.btn-secondary .btn-icon {
    background: rgba(255, 255, 255, 0.16);
}

@media (max-width: 768px) {
    .btn-icon {
        flex-shrink: 0;
        margin-left: 0rem;
    }
}

.awards-section {
    height: 7.5rem;
    margin-top: 7.13rem;
    border-radius: 3.75rem;
    background: rgba(24, 52, 104, 0.75);
    backdrop-filter: blur(7.75px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 4.79rem;
    padding-left: 2rem;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .awards-section {
        height: 5.625rem;
        margin-top: 3.88rem;
        padding-right: 1rem;
    }
}

.awards-icon {
    animation: 10s linear 0s infinite normal none running rotating;
    height: 60px;
    width: 60px;
    display: block;
    vertical-align: middle;
    max-width: 100%;
    box-sizing: border-box;
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.awards-content {
    box-sizing: border-box;
    flex: 1;
    margin-left: 2rem;
}

.awards-scroll {
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: 3rem;
    box-sizing: border-box;
}

.awards-item, .awards-item-duplicate {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    min-width: 100%;
    animation: 10s linear 0s infinite normal none running scroll;
    box-sizing: border-box;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.awards-logos {
    display: flex;
    gap: 2rem;
    align-items: center;
    width: 100%;
    justify-content: space-around;
}

.badge {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    color: white;
    white-space: nowrap;
}

.scroll-indicator {
    height: 2.6875rem;
    opacity: 0.4;
    margin: 5.5rem auto 0px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.mouse-icon {
    font-size: 2rem;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}


#section-2 {
    overflow-x: hidden;
}

.banking-solutions-section {
    background: linear-gradient(180deg, rgb(113, 175, 255) 0%, #60cdff 100%);
    padding: 96px 0 96px 0;
    display: flex;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
    overflow-x: hidden; /* Prevent horizontal scrollbar for the entire section */
}

.banking-solutions-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}


.section-title {
    text-align: center;
    font-size: 4rem;
    font-weight: 700;
    color: #001742;
    margin-top: 0;
    margin-bottom: 80px;
    line-height: 1.1;
}

@media (max-width: 768px) {
    .section-title {
        font-size: 2.5rem;
        margin-bottom: 60px;
    }

    .banking-solutions-section {
        padding: 64px 0 64px 0;
    }
}

.cards-carousel {
    position: relative;
    margin-bottom: 60px;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* Ensure clipping for all screen sizes */
}

.cards-container {
    display: flex;
    align-items: stretch;
    height: 100%;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
    gap: 40px;
    position: relative;
    touch-action: pan-y; /* Allow vertical pan, JS will handle horizontal */
}

.cards-container.dragging {
    transition: none;
}

.solution-card {
    flex-shrink: 0;
    width: 700px;
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    position: relative;
    display: flex;
    flex-direction: column;
}

.solution-card.center {
    z-index: 3;
}

.solution-card.left,
.solution-card.right,
.solution-card.left-hidden,
.solution-card.right-hidden {
    z-index: 2;
}

/* Mobile tab navigation */
.mobile-tab-navigation {
    display: none;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    gap: 20px;
}

.mobile-tab-arrow {
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: #1e293b;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.mobile-tab-arrow svg {
    font-size: 18px;
}

.mobile-tab-arrow:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
    transform: scale(1.1);
}

.mobile-tab-display {
    background: #051d49;
    color: white;
    padding: 12px 24px;
    border-radius: 20px;
    font-size: 1rem;
    font-weight: 600;
    min-width: 150px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(30, 41, 59, 0.4);
}

@media (max-width: 768px) {
    .mobile-tab-navigation {
        display: flex;
    }

    .mobile-tab-display {
        width: 100%;
    }


    .card-navigation {
        display: none;
    }

    .cards-carousel { /* This rule already has overflow: hidden; from a previous step for mobile */
        min-height: 400px;
        margin-bottom: 40px;
        /* overflow: hidden; */ /* No change needed here, it's already set */
    }

    .cards-container {
        gap: 20px;
        justify-content: center;
        align-items: stretch;
    }

    .solution-card {
        width: calc(100vw - 80px);
        max-width: none;
        height: auto;
        display: block;
    }
}

.card-content {
    flex: 1;
    padding: 40px;
    display: flex;
    align-items: center;
    gap: 30px;
    color: white;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .card-content {
        padding: 20px 24px 24px 24px;
        flex-direction: column;
        gap: 16px;
        text-align: center;
        justify-content: flex-start;
        box-sizing: border-box;
        display: flex;
        height: auto !important;
    }

    .card-image {
        order: 1;
        flex: none;
        width: 100%;
        margin-bottom: 16px;
    }

    .card-image img {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 12px;
    }

    .card-text {
        order: 2;
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 12px;
        justify-content: center;
    }

    .card-button {
        order: 3;
        width: 100%;
        margin-top: 16px;
        align-self: stretch;
        flex-shrink: 0;
    }
}

.card-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
}

.card-title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0px;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .card-title {
        font-size: 2rem;
        margin-bottom: 8px;
        margin-top: 20px;
    }
}

.card-subtitle {
    font-size: 1.1rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 28px;
}

@media (max-width: 768px) {
    .card-subtitle {
        font-size: 1.4rem;
        margin-bottom: 20;
        margin-top: 0px;
        line-height: 1.4;
    }
}

.card-button {
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: white;
    padding: 16px 32px;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.card-button:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
}

.card-image {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 0;
}

.card-image img {
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
}


.card-navigation {
    display: flex;
    justify-content: center;
    gap: 0;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
    padding: 8px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    max-width: fit-content;
    margin: 0 auto;
}

.nav-tab {
    background: transparent;
    border: none;
    color: #1e293b;
    padding: 16px 24px;
    border-radius: 40px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    position: relative;
}

.nav-tab:hover:not(.disabled) {
    background: rgba(255, 255, 255, 0.1);
    color: #0f172a;
}

.nav-tab.active {
    background: #051d49;
    color: white;
    box-shadow: 0 4px 12px rgba(30, 41, 59, 0.4);
}

.nav-tab.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    color: #64748b;
}

@media (max-width: 768px) {
    .card-navigation {
        display: none;
    }
}

@media (max-width: 480px) {
    .nav-tab {
        padding: 10px 12px;
        font-size: 0.8rem;
    }
}