html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #006bb7;
}

.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;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.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."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

:root { --navy:#101c2c; --yellow:#f7c844; --cream:#f7f5ef; --ink:#152235; --muted:#697382; --line:#e4e5e2; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Arial,sans-serif; font-size:16px; }
button,input,select { font:inherit; } button { cursor:pointer; }
.site-header { height:76px; display:flex; align-items:center; padding:0 clamp(20px,5vw,74px); border-bottom:1px solid #e8e8e8; gap:44px; position:sticky; top:0; z-index:20; background:rgba(255,255,255,.97); }
.brand { color:var(--navy); text-decoration:none; display:flex; align-items:center; gap:8px; font-size:27px; font-weight:800; letter-spacing:-1px; }
.brand-mark { display:grid; place-items:center; width:29px; height:29px; border-radius:9px 9px 9px 3px; background:var(--yellow); font-size:20px; }
nav { display:flex; gap:30px; } nav a { text-decoration:none; color:#56606e; font-weight:600; font-size:14px; }
.header-actions { margin-left:auto; display:flex; align-items:center; gap:12px; }.text-button,.link-button { border:0; background:none; color:var(--ink); font-weight:700; }
.primary-button { display:inline-block; border:0; border-radius:11px; background:var(--yellow); color:#172235; font-weight:800; padding:15px 22px; box-shadow:0 5px 14px rgba(147,110,0,.16); text-decoration:none; }.primary-button:hover { background:#ffd45d; }.primary-button.compact { padding:11px 18px; font-size:14px; }
.search-stage { background:var(--navy); color:white; min-height:410px; text-align:center; padding:58px 20px 42px; overflow:hidden; position:relative; }
.search-stage:before { content:''; position:absolute; width:360px; height:360px; border:1px solid rgba(255,255,255,.06); border-radius:50%; left:-170px; top:-150px; box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012); }
.eyebrow { color:#cfd5dc; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:1.6px; display:flex; justify-content:center; align-items:center; gap:9px; }.eyebrow span { width:7px; height:7px; background:var(--yellow); border-radius:50%; }
h1 { font-size:clamp(36px,4.2vw,58px); line-height:1.08; letter-spacing:-2.5px; margin:18px 0 12px; } h1 em { color:var(--yellow); font-style:normal; }.search-stage>p { color:#c7ced7; margin:0 auto 28px; max-width:690px; font-size:17px; line-height:1.6; }
.search-box { max-width:870px; margin:auto; background:white; border-radius:14px; padding:7px; display:grid; grid-template-columns:1fr 220px auto; color:var(--ink); box-shadow:0 14px 35px rgba(0,0,0,.24); text-align:left; }
.search-field,.location-field { display:flex; align-items:center; gap:9px; padding:0 14px; }.search-field { border-right:1px solid var(--line); }.search-field span,.location-field span { color:#88919d; font-size:23px; }.search-field input,.location-field select { border:0; outline:0; width:100%; height:48px; background:white; }.search-button { padding:0 27px; }
.category-row { margin:25px auto 0; display:flex; justify-content:center; flex-wrap:wrap; gap:9px; }.category-pill { border:1px solid #405067; color:#d9dee5; background:#1a2a3f; border-radius:999px; padding:9px 14px; font-weight:600; font-size:13px; }.category-pill span { margin-right:7px; color:var(--yellow); }.category-pill.active,.category-pill:hover { background:white; color:var(--navy); border-color:white; }
.listing-section { max-width:1180px; margin:0 auto; padding:65px 28px 80px; }.section-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:25px; }.section-kicker { display:block; color:#aa7b00; font-weight:800; font-size:12px; letter-spacing:1.5px; margin-bottom:8px; } h2 { font-size:clamp(28px,3vw,40px); line-height:1.14; letter-spacing:-1.4px; margin:0; }.link-button { border-bottom:1px solid var(--ink); padding:0 0 3px; }
.listing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:21px; }.listing-card { overflow:hidden; border:1px solid var(--line); border-radius:15px; background:white; transition:.2s ease; }.listing-card:hover { transform:translateY(-4px); box-shadow:0 14px 35px rgba(20,31,47,.11); }
.listing-image { height:236px; background-color:#e9e7e1; background-image:url('/images/listing-strip.png'); background-repeat:no-repeat; background-size:300% auto; position:relative; }.panel-1 { background-position:0 50%; }.panel-2 { background-position:50% 50%; }.panel-3 { background-position:100% 50%; }.favorite-button { position:absolute; right:12px; top:12px; border:0; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.94); font-size:23px; }.favorite-button.selected { color:#d13d54; }.new-badge { position:absolute; top:13px; left:13px; background:var(--yellow); padding:5px 9px; border-radius:6px; font-size:12px; font-weight:800; }
.listing-body { padding:18px; }.price { font-size:20px; font-weight:800; }.listing-body h3 { font-size:17px; margin:4px 0 6px; }.meta { color:var(--muted); margin:0 0 17px; font-size:13px; }.seller-row { border-top:1px solid #ececea; padding-top:14px; display:flex; align-items:center; gap:10px; }.avatar { flex:0 0 auto; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#e7ecf2; color:#33445a; font-weight:800; font-size:12px; }.seller-row>span:nth-child(2) { display:flex; flex-direction:column; font-size:13px; }.seller-row small { color:#7a8490; margin-top:2px; }.seller-row small b { color:#a87800; }.rating-gate { margin-left:auto; font-size:11px; border:1px solid #d9dedb; border-radius:999px; padding:4px 7px; color:#68727f; }.empty-state { padding:42px; background:var(--cream); text-align:center; border-radius:14px; color:var(--muted); }
.trust-section { background:var(--navy); color:white; padding:78px max(28px,calc((100vw - 1124px)/2)); display:grid; grid-template-columns:1fr .9fr; gap:80px; align-items:center; }.section-kicker.light { color:var(--yellow); }.trust-copy h2 { max-width:570px; font-size:42px; }.trust-copy>p { color:#bdc6d1; line-height:1.7; max-width:600px; }.trust-points { margin-top:28px; display:grid; gap:20px; }.trust-points>div { display:flex; gap:14px; }.trust-points>div>span { display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:10px; background:#263950; color:var(--yellow); font-weight:900; }.trust-points p { margin:0; display:flex; flex-direction:column; }.trust-points small { color:#aeb9c6; margin-top:3px; line-height:1.5; }
.rating-demo { background:white; color:var(--ink); padding:23px; border-radius:16px; box-shadow:18px 18px 0 #22344b; }.demo-top { display:flex; justify-content:space-between; font-size:12px; font-weight:800; color:#7b8490; padding-bottom:15px; border-bottom:1px solid var(--line); }.verified { color:#26825d; }.demo-person { display:flex; align-items:center; gap:12px; padding:20px 0; }.avatar.large { width:45px; height:45px; background:#fff0bc; color:#755600; }.demo-person div { display:flex; flex-direction:column; }.demo-person small { color:var(--muted); }.demo-person>b { margin-left:auto; color:#a87800; }.score-bars { display:grid; gap:13px; padding:5px 0 20px; }.score-bars>div { display:grid; grid-template-columns:1.5fr 1fr 28px; gap:10px; align-items:center; font-size:12px; }.score-bars i { height:6px; background:linear-gradient(90deg,var(--yellow) var(--score),#edf0f2 var(--score)); border-radius:9px; }.demo-condition { border-radius:10px; padding:13px; background:#f3f5f7; display:flex; justify-content:space-between; font-size:12px; }.demo-condition strong { color:#21694f; }
.cta-strip { background:var(--cream); padding:30px max(28px,calc((100vw - 1124px)/2)); display:flex; justify-content:space-between; align-items:center; }.cta-strip>div { display:flex; align-items:center; gap:17px; }.cta-strip>div>span { font-size:26px; font-weight:800; background:var(--yellow); padding:12px; border-radius:50%; }.cta-strip p { display:flex; flex-direction:column; margin:0; }.cta-strip small { color:var(--muted); margin-top:3px; } footer { max-width:1180px; margin:auto; padding:28px; display:flex; justify-content:space-between; color:#7d8590; font-size:13px; }.toast-message { position:fixed; z-index:50; left:50%; bottom:25px; transform:translateX(-50%); background:#1b2c42; color:white; padding:14px 20px; border-radius:11px; box-shadow:0 10px 30px rgba(0,0,0,.2); font-weight:600; }
@media (max-width:850px) { nav { display:none; }.listing-grid { grid-template-columns:repeat(2,1fr); }.listing-card:last-child { display:none; }.trust-section { grid-template-columns:1fr; gap:40px; }.search-box { grid-template-columns:1fr auto; }.location-field { display:none; } }
@media (max-width:570px) { .site-header { height:66px; padding:0 16px; }.text-button { display:none; }.brand { font-size:24px; }.search-stage { padding:44px 16px 35px; } h1 { font-size:37px; }.search-stage>p { font-size:15px; }.search-box { padding:6px; }.search-field { padding:0 9px; }.search-button { padding:0 18px; }.category-row { justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto; }.category-pill { flex:0 0 auto; }.listing-section { padding:46px 16px 55px; }.listing-grid { grid-template-columns:1fr; }.listing-card:last-child { display:block; }.listing-image { height:250px; }.trust-section { padding:58px 18px; }.trust-copy h2 { font-size:32px; }.rating-demo { padding:18px; box-shadow:8px 8px 0 #22344b; }.score-bars>div { grid-template-columns:1.3fr 1fr 25px; }.demo-condition { gap:8px; }.cta-strip { padding:27px 18px; gap:20px; }.cta-strip>div>span { display:none; }.cta-strip .primary-button { padding:13px 14px; } footer { flex-wrap:wrap; gap:10px; } footer span:nth-child(2) { order:3; width:100%; } }

.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;
}

.portal-header{height:72px;display:flex;align-items:center;padding:0 clamp(18px,5vw,70px);border-bottom:1px solid var(--line);gap:44px;background:white}.portal-header nav{flex:1}.portal-main{min-height:calc(100vh - 72px);background:#f5f6f4;padding:48px max(20px,calc((100vw - 1120px)/2)) 80px}.portal-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.portal-title h1{font-size:42px;margin:5px 0 7px;letter-spacing:-1.5px}.portal-title p{margin:0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat-grid article,.portal-card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.stat-grid article{display:flex;flex-direction:column;gap:8px}.stat-grid span{color:var(--muted);font-size:13px}.stat-grid strong{font-size:28px}.portal-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.portal-card h2{font-size:22px}.card-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.card-heading h2{margin:0}.card-heading a{color:var(--ink);font-weight:700}.data-row,.admin-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 2px;border-bottom:1px solid #eceeeb}.data-row>span:first-child,.admin-row>span:first-child{display:flex;flex-direction:column;gap:4px}.data-row small,.admin-row small,.empty-copy,.portal-card p{color:var(--muted);line-height:1.55}.status-chip{font-size:11px;border-radius:99px;background:#eef2f4;padding:6px 9px}.link-row{text-decoration:none;color:var(--ink)}.link-row i{width:9px;height:9px;border-radius:50%;background:var(--yellow)}.form-card{max-width:820px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-weight:700}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select{border:1px solid #ccd2d4;border-radius:9px;padding:12px;background:white}.form-grid small{font-weight:400;color:var(--muted);line-height:1.4}.upload-box{border:2px dashed #cdd2d3;border-radius:12px;padding:18px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.secondary-button,.danger-button,.approve-button{border:1px solid #c9ced0;border-radius:9px;background:white;font-weight:700;padding:11px 15px}.danger-button{color:#a52b2b;border-color:#e1bcbc}.danger-button.small{padding:7px 10px;margin-left:7px}.approve-button{padding:7px 10px;color:#176543;border-color:#a9d4bf}.form-message{margin-top:18px;padding:14px;border-radius:10px;background:#e8f4ed;color:#176543;font-weight:700}.danger-card{border-color:#ecd4d4}
@media(max-width:800px){.portal-header nav{display:none}.portal-header{gap:15px}.portal-header>.text-button{margin-left:auto}.stat-grid{grid-template-columns:1fr 1fr}.portal-columns{grid-template-columns:1fr}.portal-title{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}}@media(max-width:480px){.portal-main{padding:30px 14px 60px}.stat-grid{grid-template-columns:1fr}.portal-title h1{font-size:34px}}