html, body {
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    background: #fff;
    color: #102a52;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

.hero { display:grid; grid-template-columns:1.45fr .75fr; gap:2rem; align-items:center; min-height:430px; padding:3.5rem; border-radius:30px; background:linear-gradient(135deg,#fff 58%,#e8f7ff); box-shadow:0 24px 70px rgba(15,53,105,.1); overflow:hidden; }
.hero h1 { max-width:760px; margin:.55rem 0 1rem; font-size:clamp(2.4rem,5vw,4.6rem); line-height:.98; color:#102a72; }
.hero p { max-width:670px; font-size:1.12rem; color:#4a5e78; }
.eyebrow { color:#00a9e8; font-size:.82rem; font-weight:800; letter-spacing:.14em; }
.primary-action { display:inline-block; margin-top:1rem; padding:.9rem 1.35rem; border-radius:999px; background:#08aadb; color:white; font-weight:800; text-decoration:none; }
.hero-card { padding:2rem; border-radius:24px; background:#102a72; color:white; box-shadow:0 18px 40px rgba(16,42,114,.25); text-align:center; }
.hero-card span,.hero-card small { display:block; }
.hero-card strong { display:block; margin:.5rem 0; font-size:2.6rem; color:#59dcff; }
.section-block { padding:4rem 0 1rem; }
.section-block h2 { margin:.4rem 0 1.5rem; font-size:2rem; color:#102a72; }
.card-grid,.plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.info-card,.plan-card { border:1px solid #dcecf6; border-radius:20px; padding:1.5rem; background:#fff; box-shadow:0 12px 28px rgba(15,53,105,.07); }
.info-card span,.info-card small { display:block; }
.info-card strong { display:block; margin:.35rem 0; font-size:2.8rem; color:#00a9e8; }
.plan-card h3 { color:#102a72; }
.plan-card strong { color:#00a9e8; font-size:1.6rem; }
.plan-card p,.info-card small { color:#617189; }
.soft { margin-top:2rem; padding:3rem; border-radius:28px; background:#f4fbff; }
.rule { margin:1.5rem 0 0; padding:1rem 1.2rem; border-left:5px solid #00a9e8; background:white; font-weight:700; }
.loading { padding:2rem; color:#617189; }
.api-status { display:inline-flex; align-items:center; gap:.45rem; margin-bottom:.8rem; padding:.38rem .7rem; border-radius:999px; font-size:.78rem; font-weight:800; }
.api-status span { width:.55rem; height:.55rem; border-radius:50%; }
.api-status.online { background:#e8f8ef; color:#17663a; }
.api-status.online span { background:#24a865; }
.api-status.offline { background:#fff1f1; color:#9b2c2c; }
.api-status.offline span { background:#df4b4b; }
@media (max-width: 900px) { .hero { grid-template-columns:1fr; padding:2rem; } .card-grid,.plan-grid { grid-template-columns:1fr; } }

.landing-hero { display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(2rem,4vw,4rem); align-items:center; padding:clamp(4rem,8vw,8rem) clamp(1.2rem,7vw,7rem); background:radial-gradient(circle at 82% 22%,#dff6ff 0,transparent 30%),linear-gradient(140deg,#fff 68%,#f0faff); }
.landing-copy h1 { max-width:850px; margin:.65rem 0 1.2rem; font-size:clamp(3rem,6vw,5.8rem); line-height:.95; letter-spacing:-.045em; color:#102a72; }
.landing-copy>p { max-width:760px; color:#52677f; font-size:1.18rem; line-height:1.7; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.5rem; }
.secondary-action { display:inline-block; padding:.9rem 1.35rem; border:2px solid #102a72; border-radius:999px; color:#102a72; font-weight:800; text-decoration:none; }
.hero-trust { display:flex; flex-wrap:wrap; gap:1rem; margin-top:1.6rem; color:#44627d; font-size:.88rem; font-weight:700; }
.commission-panel { position:relative; margin-left:auto; padding:1.55rem; border-radius:24px; background:linear-gradient(145deg,#102a72,#064f91); color:white; box-shadow:0 30px 70px rgba(16,42,114,.24); overflow:hidden; animation:panel-float 7s ease-in-out infinite; }
.hero-visual{position:relative;isolation:isolate;padding-left:12rem}.hero-avatar{position:absolute;z-index:2;left:-6rem;bottom:-5rem;width:clamp(19rem,23vw,22rem);height:auto;pointer-events:none;filter:drop-shadow(0 22px 28px rgba(16,42,114,.24));animation:avatar-float 7s ease-in-out infinite}
.commission-panel::before { content:""; position:absolute; width:240px; height:240px; right:-110px; top:-120px; border-radius:50%; background:radial-gradient(circle,rgba(88,221,255,.35),transparent 66%); }
.panel-kicker{position:relative;display:flex;align-items:center;gap:.45rem;margin-bottom:1.2rem;font-size:.68rem;font-weight:900;letter-spacing:.08em;color:#b8efff}.panel-kicker span{width:.55rem;height:.55rem;border-radius:50%;background:#58ddff;box-shadow:0 0 18px #58ddff}
.commission-panel>span,.commission-panel>small { display:block; }.commission-panel>strong { display:block; margin:.5rem 0; color:#58ddff; font-size:clamp(1.9rem,3vw,2.8rem); }
.mini-levels { display:grid; grid-template-columns:repeat(3,1fr); gap:.55rem; margin-top:1.5rem; }.mini-levels div { padding:.8rem .4rem; border-radius:14px; background:rgba(255,255,255,.1); text-align:center; }.mini-levels b,.mini-levels small{display:block}.mini-levels small{color:#58ddff;font-weight:800}
.dashboard-preview{display:grid;grid-template-columns:1fr 1.25fr;gap:.6rem;margin-top:.8rem}.dashboard-preview div{padding:.85rem;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.07)}.dashboard-preview span,.dashboard-preview b,.dashboard-preview small{display:block}.dashboard-preview span{font-size:.68rem;color:#c8d9ec}.dashboard-preview b{margin:.18rem 0;color:white;font-size:1.25rem}.dashboard-preview small{font-size:.66rem;color:#58ddff}
.landing-section { padding:clamp(4rem,7vw,7rem) clamp(1.2rem,7vw,7rem); }.section-heading { max-width:760px; margin-bottom:2.2rem; }.section-heading h2 { margin:.45rem 0 .8rem; font-size:clamp(2.2rem,4vw,3.8rem); line-height:1.05; color:#102a72; }.section-heading p{color:#60728a;font-size:1.08rem}
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }.benefit-grid article { padding:1.7rem; border:1px solid #d9ebf6; border-radius:22px; box-shadow:0 13px 32px rgba(16,42,114,.06); }.benefit-grid h3{color:#102a72}.benefit-grid p{color:#60728a;line-height:1.55}.icon-circle{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e6f8ff;color:#00a9e8;font-size:1.35rem;font-weight:900}
.benefit-grid article,.plans-public article,.steps-grid article{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.benefit-grid article:hover,.plans-public article:hover,.steps-grid article:hover{transform:translateY(-6px);border-color:#72d9f6;box-shadow:0 22px 45px rgba(16,42,114,.12)}
.soft-section { background:#f3fbff; }.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }.steps-grid article{padding:1.5rem;border-radius:20px;background:white}.steps-grid b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#00a9e8;color:white}.steps-grid h3{color:#102a72}.steps-grid p{color:#60728a}
.plans-public{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.plans-public article{padding:2rem;border:1px solid #d9ebf6;border-radius:22px}.plans-public article.featured{border-color:#00a9e8;background:#f0fbff;transform:translateY(-8px)}.plans-public span,.plans-public strong{display:block}.plans-public span{font-weight:800;color:#102a72}.plans-public strong{margin:.4rem 0;font-size:2.1rem;color:#00a9e8}.plans-public p{color:#60728a}
.cta-section { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin:0 clamp(1.2rem,7vw,7rem) 6rem; padding:2.7rem; border-radius:28px; background:#102a72; color:white; }.cta-section h2{margin:.35rem 0;font-size:clamp(2rem,3vw,3rem)}.cta-section p{margin:0;color:#c9d8ea}.cta-section .eyebrow{color:#58ddff}
.growth-story{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(2rem,6vw,6rem);align-items:center;padding:clamp(4rem,7vw,7rem) clamp(1.2rem,7vw,7rem);background:linear-gradient(135deg,#eefaff,#fff)}.growth-story h2{margin:.45rem 0 1rem;font-size:clamp(2.2rem,4vw,3.8rem);color:#102a72}.growth-story p{max-width:800px;color:#60728a;font-size:1.08rem;line-height:1.7}.growth-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 43%,#d9f5ff 44% 46%,transparent 47%),repeating-radial-gradient(circle,transparent 0 62px,rgba(0,169,232,.15) 63px 64px);text-align:center;overflow:visible}.growth-visual::before,.growth-visual::after{content:"";position:absolute;inset:11%;border:1px solid rgba(0,169,232,.22);border-radius:50%;transform:rotate(24deg) scaleY(.48)}.growth-visual::after{transform:rotate(-35deg) scaleY(.62)}.growth-visual img{position:relative;z-index:2;width:62%;height:62%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(16,42,114,.13))}.growth-visual small{position:relative;z-index:3;display:block;margin-top:-1rem;padding:.35rem .7rem;border-radius:999px;background:rgba(255,255,255,.88);color:#008fc8;font-weight:750}.pulse-ring{position:absolute;width:75%;height:75%;border:1px solid rgba(0,169,232,.28);border-radius:50%;animation:pulse 3s ease-out infinite}.growth-points{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.3rem}.growth-points span{padding:.55rem .8rem;border-radius:999px;background:white;border:1px solid #cfe8f4;color:#17365d;font-size:.82rem;font-weight:800}
.form-page { display:grid; grid-template-columns:.75fr 1.25fr; gap:3rem; padding:clamp(3rem,7vw,6rem) clamp(1.2rem,7vw,7rem); background:linear-gradient(140deg,#fff,#f2fbff); }.form-intro h1,.portal-placeholder h1{font-size:clamp(2.5rem,5vw,4.7rem);color:#102a72}.form-intro p{color:#60728a;line-height:1.7}.form-note{display:flex;flex-direction:column;gap:.3rem;margin-top:1.5rem;padding:1rem;border-left:5px solid #00a9e8;background:white}.form-card{padding:2rem;border:1px solid #d9ebf6;border-radius:24px;background:white;box-shadow:0 20px 55px rgba(16,42,114,.1)}
.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-card label,.auth-card label{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem;color:#17365d;font-weight:750}.form-card input,.form-card select,.form-card textarea,.auth-card input{width:100%;padding:.85rem 1rem;border:1px solid #c9dce9;border-radius:12px;background:#fbfdff;color:#17365d}.check-field{flex-direction:row!important;align-items:flex-start}.check-field input{width:auto!important;margin-top:.25rem}.submit-button{border:0;cursor:pointer}.submit-button:disabled{opacity:.65}.error-message{padding:.8rem;border-radius:10px;background:#fff1f1;color:#9b2c2c}.success-message{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.success-message strong{display:block;color:#137749;font-size:1.65rem}.success-message p{max-width:560px;margin:.6rem 0 1.5rem;color:#52677f}.success-icon{display:grid;place-items:center;width:68px;height:68px;margin-bottom:1rem;border-radius:50%;background:#eafaf2;color:#18a964;font-size:2rem;font-weight:900;box-shadow:0 0 0 9px #f4fcf8}.success-kicker{margin-bottom:.45rem;color:#00a9e8;font-size:.72rem;font-weight:900;letter-spacing:.12em}.success-home-button{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.3rem;border-radius:999px;background:linear-gradient(135deg,#00a9e8,#087db5);color:#fff;font-weight:850;text-decoration:none;box-shadow:0 12px 26px rgba(0,139,197,.22);transition:transform .2s ease,box-shadow .2s ease}.success-home-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,139,197,.3)}.success-home-button span{font-size:1.2rem}
.verification-field{margin-bottom:1rem}.verification-field label{margin-bottom:.45rem}.verify-button,.code-row button{border:1px solid #00a9e8;border-radius:10px;padding:.58rem .8rem;background:#fff;color:#087ca8;font-weight:800;cursor:pointer}.verify-button:disabled{border-color:#7bcfa4;color:#137749}.code-row{display:flex;gap:.5rem;margin-top:.5rem}.code-row input{min-width:0}.verification-message{padding:.7rem 1rem;border-radius:10px;background:#eefaff;color:#12678a}
.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-bottom:2rem}.wizard-progress div{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#94a3b8;text-align:center}.wizard-progress div::before{content:"";position:absolute;top:16px;right:50%;width:100%;height:2px;background:#dbeaf3;z-index:0}.wizard-progress div:first-child::before{display:none}.wizard-progress span{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:2px solid #d3e3ed;border-radius:50%;background:#fff;font-weight:900}.wizard-progress small{font-size:.7rem;font-weight:800}.wizard-progress .active,.wizard-progress .done{color:#102a72}.wizard-progress .active span{border-color:#00a9e8;box-shadow:0 0 0 5px #e8f9ff;color:#008fc8}.wizard-progress .done span{border-color:#1fb875;background:#1fb875;color:#fff}.wizard-progress .done::before,.wizard-progress .active::before{background:#1fb875}.wizard-heading{margin-bottom:1.5rem}.wizard-heading>span{color:#00a9e8;font-size:.72rem;font-weight:900;letter-spacing:.12em}.wizard-heading h2{margin:.3rem 0 .45rem;color:#102a72;font-size:1.65rem}.wizard-heading p{margin:0;color:#60728a;line-height:1.55}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem}.wizard-actions.end{justify-content:flex-end}.wizard-actions .primary-action{border:0;cursor:pointer}.back-button{padding:.8rem 1rem;border:0;background:transparent;color:#52677f;font-weight:800;cursor:pointer}.verification-stage{max-width:560px;margin:auto}.verification-stage .wide{width:100%;padding:.8rem 1rem}.field-help{display:block;margin:-.65rem 0 1rem;color:#60728a}.code-panel{margin-top:1rem;padding:1.1rem;border:1px solid #cceaf6;border-radius:16px;background:#f4fbff}.code-panel p{margin:.3rem 0;color:#60728a;font-size:.85rem}.verified-reference{margin-bottom:1.2rem;padding:.8rem 1rem;border-radius:12px;background:#eefbf4;color:#137749;overflow-wrap:anywhere}.review-card{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.review-card>div{display:flex;flex-direction:column;padding:1rem;border:1px solid #d9ebf6;border-radius:14px;background:#fafdff}.review-card span{color:#60728a;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.review-card strong{margin:.3rem 0;color:#102a72}.review-card small{color:#60728a}.review-note{margin:1rem 0;padding:1rem;border-left:4px solid #00a9e8;background:#f4fbff;color:#52677f}
.auth-page{display:grid;place-items:center;min-height:calc(100vh - 180px);padding:3rem 1rem;background:radial-gradient(circle at 50% 15%,#fff 0,#f3fbff 48%,#edf7fc 100%)}.auth-card{width:min(100%,470px);padding:2.35rem 2.45rem;border:1px solid #e0edf4;border-radius:26px;background:white;box-shadow:0 24px 65px rgba(16,42,114,.13)}.auth-card img{display:block;width:154px;height:105px;object-fit:contain;margin:0 auto 1rem}.auth-card h1{margin:.45rem 0 .35rem;color:#102a72;font-size:2.5rem;line-height:1.08}.auth-card>p{margin:0 0 1.45rem;color:#526b8e}.auth-card small{display:block;margin-top:1rem;color:#718096;text-align:center}.auth-card form{display:flex;flex-direction:column}.auth-card label{margin-bottom:1.05rem}.auth-card label span{font-size:.92rem}.auth-card input{min-height:54px;padding:.9rem 1rem;border-color:#c5dbe8;background:#f9fcfe;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.auth-card input:focus{outline:0;border-color:#00a9e7;background:#fff;box-shadow:0 0 0 4px rgba(0,169,231,.13)}
.auth-card .login-submit{width:100%;min-height:54px;margin-top:.25rem;border-radius:14px;background:linear-gradient(135deg,#12388b,#00a9e7);box-shadow:0 11px 25px rgba(0,143,200,.22);font-weight:850}.auth-card .forgot-link{display:block;align-self:center;margin:1rem 0 0;color:#16769f;text-align:center;font-size:.88rem;font-weight:700;text-decoration:none}.auth-card .forgot-link:hover{text-decoration:underline}.auth-card .primary-action{color:white;text-align:center}.auth-card .success-message{margin:1rem 0;border-radius:14px;background:#eefbf4}.signup-prompt{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:wrap;margin:1.35rem -2.45rem -2.35rem;padding:1.15rem 1rem;border-top:1px solid #e2edf3;border-radius:0 0 26px 26px;background:#f7fbfe;color:#607596;font-size:.9rem}.signup-prompt a{color:#008fc8;font-weight:850;text-decoration:none}.signup-prompt a:hover{text-decoration:underline}
@media(max-width:520px){.auth-page{padding:1.5rem .85rem}.auth-card{padding:1.8rem 1.35rem;border-radius:22px}.auth-card img{width:135px;height:90px}.auth-card h1{font-size:2.15rem}.signup-prompt{margin:1.25rem -1.35rem -1.8rem;border-radius:0 0 22px 22px}}
.portal-placeholder{min-height:65vh;padding:clamp(4rem,8vw,8rem) clamp(1.2rem,7vw,7rem);background:linear-gradient(140deg,#fff,#eefaff)}.portal-placeholder p{max-width:720px;color:#60728a;font-size:1.1rem}
@keyframes panel-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes avatar-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes pulse{0%{transform:scale(.85);opacity:.8}100%{transform:scale(1.15);opacity:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(max-width:950px){.landing-hero,.form-page,.growth-story{grid-template-columns:1fr}.hero-visual{width:min(100%,720px);margin:3rem auto 0;padding-left:13rem}.hero-avatar{left:-3rem;bottom:-4.5rem;width:21rem}.benefit-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}.plans-public{grid-template-columns:1fr}.plans-public article.featured{transform:none}.cta-section{flex-direction:column;align-items:flex-start}.growth-visual{max-width:420px;width:100%;margin:auto}}
@media(max-width:620px){.benefit-grid,.steps-grid,.field-grid,.review-card{grid-template-columns:1fr}.landing-copy h1{font-size:3rem}.cta-section{margin-bottom:2rem}.hero-visual{display:flex;flex-direction:column;padding-left:0}.commission-panel{width:100%;padding:1.3rem}.hero-avatar{position:relative;order:-1;left:auto;bottom:auto;align-self:center;width:14rem;margin:-1rem 0 -1.25rem}.wizard-progress small{display:none}.wizard-actions{align-items:stretch;flex-direction:column-reverse}.wizard-actions button{width:100%}.code-row{flex-direction:column}}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #1b6ec2;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }

code {
    color: #c02d76;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}
