:root{--ink:#0f172a;--ink2:#334155;--mut:#64748b;--line:#e2e8f0;--bg:#f6f8fb;--card:#fff;--brand:#0b3d91;--brand2:#1d4ed8;--acc:#f59e0b;--red:#e11d48;--green:#059669;--r:14px;--sh:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;font-size:15px}
a{color:var(--brand2);text-decoration:none}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}h1{font-size:30px;margin:0 0 6px}h3{font-size:17px;margin:0 0 12px}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}main.wrap{padding-top:24px;padding-bottom:40px}.muted{color:var(--mut)}.sm{font-size:13px}.red{color:var(--red)}
.demo{background:#fef3c7;color:#92400e;text-align:center;font-size:12px;padding:5px}
.nav{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.navin{display:flex;align-items:center;gap:16px;height:64px}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px;color:var(--ink)}.logo b{color:var(--brand2);font-weight:800}
.mark{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;font-size:14px}
.links{margin-left:auto;display:flex;align-items:center;gap:4px}.links a{color:var(--ink2);padding:8px 10px;border-radius:8px;font-weight:500;font-size:14px}.links a:hover{background:#f1f5f9}
.links .lang{border:1px solid var(--line)}.pill{background:#ecfdf5;color:var(--green);border-radius:20px;padding:2px 8px;font-size:12px;font-weight:600}
.bell{position:relative;font-size:18px;padding:6px}.badge{position:absolute;top:0;right:-2px;background:var(--red);color:#fff;border-radius:10px;font-size:10px;padding:1px 5px;font-weight:700}
.burger{display:none;cursor:pointer;margin-left:auto;padding:8px}.burger i{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}
.btn,button{font:inherit;background:var(--acc);color:#111!important;border:0;padding:10px 18px;border-radius:10px;font-weight:600;cursor:pointer;display:inline-block;text-align:center;transition:.15s}
.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn.sm{padding:6px 12px;font-size:13px}.btn.lg{padding:14px 26px;font-size:16px}.btn.block{display:block;width:100%}
.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.6);color:#fff!important}.btn.ghost.dark{border-color:var(--line);color:var(--ink)!important;background:#fff}
.hero{background:radial-gradient(1200px 400px at 80% -10%,#3b82f6 0,transparent 60%),linear-gradient(135deg,#0b1a3a,#0b3d91);color:#fff;padding:64px 0 72px}
.heroin{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.hero h1{font-size:48px;font-weight:800;margin:14px 0}.hero p{color:#cbd5e1;font-size:18px;max-width:560px}
.eyebrow{background:rgba(225,29,72,.18);color:#fecdd3;padding:5px 12px;border-radius:20px;font-size:13px;font-weight:600}.herocta{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}
.hstats{display:flex;gap:28px;color:#cbd5e1;font-size:13px}.hstats b{display:block;color:#fff;font-size:22px}
.hsearch{background:#fff;color:var(--ink);border-radius:var(--r);padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
label{display:block;font-size:13px;font-weight:600;color:var(--ink2)}input,select,textarea{font:inherit;display:block;width:100%;padding:10px 12px;margin-top:5px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid #bfdbfe;border-color:var(--brand2)}.hsearch label{margin-bottom:14px}
.sec{font-size:24px;margin:44px 0 18px}.sechead{display:flex;justify-content:space-between;align-items:baseline}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{background:#fff;border-radius:var(--r);padding:20px;box-shadow:var(--sh)}.step h4{margin:12px 0 6px}.step p{margin:0;color:var(--mut);font-size:14px}
.n{width:36px;height:36px;border-radius:10px;background:#eff6ff;color:var(--brand2);display:grid;place-items:center;font-weight:800}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;margin-bottom:40px}
.card{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);position:relative;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(15,23,42,.12)}
.cimg{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#e2e8f0}.cimg img{width:100%;height:100%;object-fit:cover}.cimg .tag{position:absolute;top:12px;left:12px}.cimg .tag.s{left:auto;right:56px}
.wbtn{position:absolute;top:10px;right:10px}.wbtn button{background:rgba(255,255,255,.95);width:36px;height:36px;padding:0;border-radius:50%;font-size:18px;color:var(--mut)!important}.wbtn .on{color:var(--acc)!important}
.cb{display:block;padding:16px;color:inherit}.cb h3{margin:0 0 8px;font-size:17px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{background:#f1f5f9;color:var(--ink2);font-size:12px;padding:3px 8px;border-radius:6px}
.crow{display:flex;justify-content:space-between;align-items:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.crow small{display:block;color:var(--mut);font-size:12px}.crow b{font-size:20px}.crow .r{text-align:right}
.cd{font-size:13px;font-weight:600;color:var(--ink2);font-variant-numeric:tabular-nums}.cd.urgent{color:var(--red)}.loc{font-size:13px;color:var(--mut);margin-top:8px}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:4px 9px;border-radius:20px;background:#e2e8f0;letter-spacing:.03em}.tag.live{background:var(--red);color:#fff}.tag.scheduled{background:#0ea5e9;color:#fff}.tag.ended{background:#475569;color:#fff}.tag.s{background:#fef3c7;color:#92400e}
.phead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.filters{display:flex;gap:12px;align-items:flex-end;background:#fff;padding:16px;border-radius:var(--r);box-shadow:var(--sh);margin-bottom:22px;flex-wrap:wrap}.filters label{flex:1;min-width:150px}
.crumb{font-size:13px;color:var(--mut);margin-bottom:14px}
.detail{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}.gmain{position:relative;border-radius:var(--r);overflow:hidden;cursor:zoom-in;aspect-ratio:16/10;background:#e2e8f0}.gmain img{width:100%;height:100%;object-fit:cover}
.zoom{position:absolute;bottom:12px;right:12px;background:rgba(15,23,42,.75);color:#fff;font-size:12px;padding:5px 10px;border-radius:8px}
.thumbs{display:flex;gap:10px;margin:12px 0 20px;overflow-x:auto}.thumbs img{width:110px;aspect-ratio:16/10;object-fit:cover;border-radius:10px;cursor:pointer;opacity:.6;border:2px solid transparent}.thumbs img.on{opacity:1;border-color:var(--brand2)}
.panel{background:#fff;border-radius:var(--r);padding:22px;box-shadow:var(--sh);margin-bottom:20px}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0}.specs div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);gap:10px}.specs dt{color:var(--mut)}.specs dd{margin:0;font-weight:600;text-align:right}
.bidbox{background:#fff;border-radius:var(--r);padding:24px;box-shadow:var(--sh);position:sticky;top:84px}.bbhead{display:flex;gap:6px;align-items:center}.bidbox h1{font-size:24px;margin:12px 0 4px}
.cd.big{font-size:18px;margin-bottom:14px}.curbox{background:linear-gradient(135deg,#eff6ff,#f8fafc);border-radius:12px;padding:16px;margin-bottom:14px}.curbox small{display:block;color:var(--mut)}.price{font-size:34px;font-weight:800;color:var(--ink)}#lead{color:var(--green);font-weight:600}
.minis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.minis div{background:#f8fafc;border-radius:10px;padding:10px}.minis small{display:block;color:var(--mut);font-size:12px}.minis b{font-size:15px}
.bidrow{display:flex;gap:8px;margin-bottom:10px}.bidrow input{margin:0;flex:1;font-size:16px;font-weight:600}.bidrow button{white-space:nowrap}
.msg{font-weight:600;min-height:1em}.msg.ok{color:var(--green)}.msg.err{color:var(--red)}.inl{display:inline}.wtxt{background:#f1f5f9;padding:5px 10px;font-size:13px;margin-left:auto}.wtxt.on{background:#fef3c7}
.hist{list-style:none;padding:0;margin:0;max-height:320px;overflow:auto}.hist li{display:flex;gap:8px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.hist small{margin-left:auto;color:var(--mut);font-size:12px}.hist em{background:#eef2ff;color:#4338ca;font-style:normal;font-size:11px;padding:1px 6px;border-radius:6px}.hist li.new{animation:fl 1.5s}
@keyframes fl{from{background:#fef3c7}to{background:transparent}}
.sticky{display:none}
.lb{position:fixed;inset:0;background:rgba(2,6,23,.92);z-index:100;display:flex;align-items:center;justify-content:center}.lb[hidden]{display:none}.lb img{max-width:92vw;max-height:86vh;border-radius:10px}
.lb button{position:absolute;background:rgba(255,255,255,.15);color:#fff!important;font-size:28px;width:52px;height:52px;padding:0;border-radius:50%}.lbx{top:20px;right:20px;font-size:20px!important}.lbp{left:20px}.lbn{right:20px}
#toasts{position:fixed;top:80px;right:20px;z-index:90;display:flex;flex-direction:column;gap:8px}.toast{background:var(--ink);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--sh);max-width:340px;font-size:14px;animation:sl .3s}
@keyframes sl{from{transform:translateX(30px);opacity:0}}
.flash{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:12px 16px;border-radius:12px;margin-bottom:16px}.warn{color:#b45309;font-size:14px}.mock{border:2px dashed #f59e0b}
.authbox{max-width:420px;margin:30px auto;background:#fff;padding:32px;border-radius:var(--r);box-shadow:var(--sh)}.stack label{margin-bottom:14px}.stack .btn{margin-top:6px}.narrow{max-width:760px;margin:0 auto}
.faq{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:10px;box-shadow:var(--sh)}.faq summary{font-weight:600;cursor:pointer}.faq p{color:var(--ink2);margin:10px 0 0}
.acct{display:flex;gap:14px;align-items:center}.avatar{width:52px;height:52px;border-radius:50%;background:var(--brand2);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:700}
.wgrid{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:20px}.wgrid .panel{margin:0 0 20px}.balcard{background:linear-gradient(135deg,#0b3d91,#1d4ed8);color:#fff}.balcard b{display:block;font-size:34px;margin:6px 0}.balcard .muted{color:#bfdbfe}
table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:11px 10px;border-bottom:1px solid var(--line);font-size:14px}
.tscroll{overflow-x:auto}.neg{color:var(--red)}.pos{color:var(--green)}
.st{font-size:12px;font-weight:600;padding:3px 9px;border-radius:20px;background:#f1f5f9;text-transform:capitalize;white-space:nowrap}.st.won,.st.leading,.st.approved,.st.paid,.st.live{background:#dcfce7;color:#166534}.st.outbid,.st.rejected,.st.failed,.st.lost{background:#ffe4e6;color:#9f1239}.st.pending,.st.scheduled{background:#fef3c7;color:#92400e}
.anav{display:flex;gap:6px;margin-bottom:18px;overflow-x:auto;border-bottom:1px solid var(--line)}.anav a{padding:10px 14px;color:var(--mut);font-weight:600;white-space:nowrap;border-bottom:2px solid transparent}.anav a.on{color:var(--brand2);border-color:var(--brand2)}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:20px}.stats div{background:#fff;padding:16px;border-radius:var(--r);box-shadow:var(--sh)}.stats small{color:var(--mut);font-size:12px}.stats b{display:block;font-size:22px;margin-top:4px}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px}.cols .span3{grid-column:1/-1}.cols button{grid-column:1/-1;justify-self:start}
.bars .bar{margin:8px 0}.bars span{display:block;height:12px;background:linear-gradient(90deg,var(--brand2),#60a5fa);border-radius:6px;min-width:4px}.bars small{color:var(--mut)}
.nlist{list-style:none;padding:0;margin:0}.nlist li{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.nlist li.unread a{font-weight:700}.nlist small{color:var(--mut);white-space:nowrap}
footer{background:#0b1a3a;color:#94a3b8;margin-top:40px}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:32px 20px}.foot .logo{color:#fff}.foot a{color:#cbd5e1;margin-right:16px}.foot .muted{color:#64748b;width:100%;margin:0;font-size:12px}
@media(max-width:1000px){.steps{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(3,1fr)}.heroin,.detail,.wgrid{grid-template-columns:1fr}.bidbox{position:static}}
@media(max-width:760px){
 body{font-size:15px}.burger{display:block}.links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 16px 16px;border-bottom:1px solid var(--line);box-shadow:var(--sh)}
 #mnav:checked~.links{display:flex}.links a{padding:12px;font-size:16px}.bell{order:-1;margin-left:auto}.bell~.burger,.burger{margin-left:0}.navin{position:relative}
 .hero{padding:36px 0 40px}.hero h1{font-size:32px}.hero p{font-size:16px}.hsearch{display:none}.steps{grid-template-columns:1fr 1fr}.step:last-child{grid-column:1/-1}
 .grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.cols{grid-template-columns:1fr}.specs{grid-template-columns:1fr}h1{font-size:24px}
 .rtable thead{display:none}.rtable tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}.rtable td{display:flex;justify-content:space-between;gap:12px;border:0;padding:5px 0;text-align:right}.rtable td::before{content:attr(data-l);color:var(--mut);font-size:12px;text-align:left}
 .vpage main{padding-bottom:96px}.sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;box-shadow:0 -6px 20px rgba(15,23,42,.08)}
 .sticky small{display:block;color:var(--mut);font-size:11px}.sticky b{font-size:20px;margin-right:8px}.sticky .cd{display:block}#toasts{left:12px;right:12px;top:72px}.toast{max-width:none}.lb button.lbp,.lb button.lbn{bottom:24px;top:auto}
}
#mnav{display:none}.links a{white-space:nowrap}.crow b{font-size:18px;white-space:nowrap}.crow .cd{white-space:nowrap;font-size:12px}.crow{gap:8px}
#toasts .toast:nth-child(n+4){display:none}
@media(max-width:1100px) and (min-width:761px){.links a{padding:8px 6px;font-size:13px}}
@media(max-width:760px){.logo{order:-2}.bell{order:0;margin-left:auto}}
/* footer always at bottom on short pages */
html,body{min-height:100%}body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}body>main{flex:1 0 auto;width:100%}body>footer{flex-shrink:0;margin-top:40px}
@media(max-width:760px){.vpage main{padding-bottom:40px}.vpage footer{padding-bottom:84px}}
@media(max-width:760px){.navin .logo{margin-right:auto}.navin .bell,.navin .burger{margin-left:0}.burger{order:1}}
.lcin{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.lcin label{min-width:0;margin-bottom:12px}.lcdp{display:flex;gap:6px}.lcdp input{flex:1}.lcdp select{width:76px;flex:none}
.lcout{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 10px}.lcout div{background:#f8fafc;border-radius:10px;padding:10px}.lcout small{display:block;color:var(--mut);font-size:12px}.lcout b{font-size:16px}
.lcout .hl{grid-column:1/-1;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.lcout .hl small{color:#dbeafe}.lcout .hl b{font-size:26px}.lcnote{margin:0}
.lcpage{max-width:720px;margin:0 auto}.lcpage .loancalc .lcin{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.lcpage .loancalc .lcin{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.lcin,.lcpage .loancalc .lcin{grid-template-columns:1fr}.lcout{grid-template-columns:1fr 1fr}}