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; }
}
.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-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-1aprpwv { margin: 0px 0px 32px; 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-5v46ct { display: flex; flex-direction: column; gap: 20px; width: 100%; -webkit-box-align: center; align-items: center; }
.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-147e5lo { bottom: 0px; left: 0px; position: absolute; opacity: 0; pointer-events: none; width: 100%; box-sizing: border-box; }
.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-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-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-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-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-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-11gacci { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; margin-top: -8px; }
.css-wz5myd { display: inline-flex; -webkit-box-align: center; align-items: center; cursor: pointer; vertical-align: middle; -webkit-tap-highlight-color: transparent; margin-left: -11px; margin-right: 16px; }
.css-wz5myd.Mui-disabled { cursor: default; }
.css-wz5myd .MuiFormControlLabel-label.Mui-disabled { color: rgba(0, 0, 0, 0.38); }
.css-ykmsx7 { color: rgba(0, 0, 0, 0.6); }
.css-ykmsx7:hover { background-color: rgba(0, 0, 0, 0.04); }
.css-ykmsx7.Mui-checked, .css-ykmsx7.MuiCheckbox-indeterminate { color: rgb(0, 0, 0); }
.css-ykmsx7.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover: none) {
    .css-ykmsx7:hover { background-color: transparent; }
}
.css-1w5r4pb { padding: 9px; border-radius: 50%; color: rgba(0, 0, 0, 0.6); }
.css-1w5r4pb:hover { background-color: rgba(0, 0, 0, 0.04); }
.css-1w5r4pb.Mui-checked, .css-1w5r4pb.MuiCheckbox-indeterminate { color: rgb(0, 0, 0); }
.css-1w5r4pb.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover: none) {
    .css-1w5r4pb:hover { background-color: transparent; }
}
.css-1878m55 { 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; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; padding: 9px; border-radius: 50%; color: rgba(0, 0, 0, 0.6); }
.css-1878m55.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-1878m55 { print-color-adjust: exact; }
}
.css-1878m55:hover { background-color: rgba(0, 0, 0, 0.04); }
.css-1878m55.Mui-checked, .css-1878m55.MuiCheckbox-indeterminate { color: rgb(0, 0, 0); }
.css-1878m55.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
@media (hover: none) {
    .css-1878m55:hover { background-color: transparent; }
}
.css-j8yymo { cursor: inherit; position: absolute; opacity: 0; width: 100%; height: 100%; top: 0px; left: 0px; margin: 0px; padding: 0px; z-index: 1; }
.css-vh810p { 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.25rem; }
.css-1apzfzp { margin: 0px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.43; letter-spacing: 0.01071em; }
.css-my0ime { 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-my0ime:hover { text-decoration: underline; }
.css-dke910 { 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); margin-top: 16px; font-size: 1rem; width: 100%; }
.css-dke910:hover { text-decoration: none; }
.css-dke910.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-dke910: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-dke910: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-dke910: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-dke910.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-dke910.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-dke910: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-dke910.MuiButton-loading { color: transparent; }
.css-dke910:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-1vb30y { 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: 16px 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; 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-1vb30y.Mui-disabled { pointer-events: none; cursor: default; }
@media print {
    .css-1vb30y { print-color-adjust: exact; }
}
.css-1vb30y:hover { text-decoration: none; }
.css-1vb30y.Mui-disabled { color: rgba(0, 0, 0, 0.26); }
.css-1vb30y: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-1vb30y: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-1vb30y: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-1vb30y.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-1vb30y.Mui-disabled { color: rgba(0, 0, 0, 0.26); box-shadow: none; background-color: rgba(0, 0, 0, 0.12); }
@media (hover: hover) {
    .css-1vb30y: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-1vb30y.MuiButton-loading { color: transparent; }
.css-1vb30y:hover { color: rgb(255, 255, 255); background-color: rgb(0, 70, 213); }
.css-1eo3zww { margin-top: 16px; text-align: center; width: 100%; }
.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-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; }
@media print {
    .css-depviu { position: absolute !important; }
}
.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-1bsvy8h { width: 24px; height: auto; margin-right: 8px; border-radius: 2px; }

/* Password visibility toggle button styles */
button[aria-label="toggle password visibility"] {
    cursor: pointer;
    transition: all 0.3s ease;
}

button[aria-label="toggle password visibility"]:hover {
    background-color: rgba(25, 118, 210, 0.08);
}

button[aria-label="toggle password visibility"]:active {
    background-color: rgba(25, 118, 210, 0.15);
    transform: scale(0.95);
}

button[aria-label="toggle password visibility"] svg {
    transition: transform 0.2s ease-in-out;
}

button[aria-label="toggle password visibility"]:hover svg {
    color: #1976d2;
}