:root{--paper:#f2f6ff;--field:#fff;--ink:#102a64;--muted:#587098;--accent:#174cff;--accent2:#ff934c;--on-accent:#fff;--soft:#e2ebff;--line:#c4d4ee;--shadow:#bdd0ff;--danger:#b63a33;--intro:#174cff;--intro-text:#fff}body{background-image:linear-gradient(90deg,#174cff04 1px,transparent 1px),linear-gradient(#174cff04 1px,transparent 1px);background-size:28px 28px}.topbar .brand{letter-spacing:-1px}.loangap-main{display:grid;grid-template-columns:1fr 1.02fr;gap:8%;padding:48px 0 72px}.loan-story{padding:18px 0}.loan-story h1{margin:25px 0 22px;max-width:8.9em}.loan-story h1 em{font-style:normal;color:var(--accent)}.loan-window{margin:34px 0 24px;border:2px solid var(--accent);padding:22px;background:var(--field);box-shadow:-8px 8px 0 var(--soft)}.window-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}.gap-number{font-family:Pixel;font-size:70px;line-height:1;color:var(--accent)}.gap-track{height:52px;display:flex;gap:4px;margin-top:22px}.gap-track i{flex:1;background:var(--soft);border:1px solid var(--line)}.gap-track i.filled{background:var(--accent);border-color:var(--accent)}.gap-track i.danger{background:var(--danger);border-color:var(--danger)}.gap-caption{display:flex;justify-content:space-between;margin-top:8px;font-size:11px}.borrow-panel{padding:28px}.panel-caption{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:23px}.amount-group{display:grid;grid-template-columns:1fr 130px}.amount-group input{font-family:Pixel;font-size:38px;border-right:0!important}.amount-group select{font-size:16px}.slider-head{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.slider-head output{font-family:Pixel;font-size:36px}.loan-result{padding:20px 0 15px;border-top:1px dashed var(--line);margin-top:23px}.loan-result strong{font-family:Pixel;font-size:64px;font-weight:400;line-height:1.2}.result-unit{font-size:17px;margin-left:10px}.metrics{display:grid;gap:13px}.metrics div{display:flex;justify-content:space-between;gap:20px;font-size:13px}.borrow-panel .primary{width:100%;margin-top:25px}.market-strip{border-bottom:1px solid var(--line);padding:13px 0;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px}.shock-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:36px}.shock-result{background:var(--ink);color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.shock-result strong{font-family:Pixel;font-size:80px;line-height:1.3}.formula-strip{padding:20px;border:1px solid var(--line);margin-top:32px}.intro-window{margin:auto;width:120px;height:100px;border:10px solid currentColor;position:relative;animation:window-open 1.8s steps(12) both}.intro-window:before{content:'';position:absolute;left:50%;top:-10px;bottom:-10px;border-left:8px solid currentColor}.intro-window:after{content:'';position:absolute;left:-10px;right:-10px;top:40%;border-top:8px solid currentColor}@keyframes window-open{0%{transform:scaleY(.05)}30%{transform:scaleY(1)}75%{transform:perspective(400px) rotateY(-18deg)}100%{transform:perspective(400px) rotateY(0)}}
@media(max-width:900px){.loangap-main{grid-template-columns:1fr;gap:30px;padding-top:30px}.loan-story h1{max-width:12em}.loan-window{max-width:600px}.shock-panel{grid-template-columns:1fr;gap:25px;padding:24px}.market-strip{flex-wrap:wrap}.borrow-panel{padding:23px}}