.loanSection{padding:100px 0;background:#f8faff}.loanHead em{font-style:normal;color:var(--blue)}.loanGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px}.loanInputs,.loanResult{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}.loanInputs{display:grid;gap:18px}.loanInputs label{font-size:13px;font-weight:700}.loanInputs label span{display:flex;align-items:center;margin-top:9px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;color:var(--muted)}.loanInputs input{width:100%;border:0;outline:0;font-size:18px;font-weight:800;color:var(--ink)}.monthlyPay{padding-bottom:22px;border-bottom:1px solid var(--line)}.monthlyPay span,.monthlyPay small{display:block;color:var(--muted);font-size:12px}.monthlyPay strong{display:block;color:var(--blue);font-size:36px;margin:8px 0}.loanSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.loanSummary div{background:var(--pale);border-radius:12px;padding:15px}.loanSummary span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.loanSummary b{font-size:15px}.payBar{height:10px;background:#f1b15b;border-radius:99px;overflow:hidden}.payBar i{display:block;height:100%;background:var(--blue);border-radius:99px}.legend{display:flex;gap:20px;margin-top:10px;font-size:11px;color:var(--muted)}.legend span:first-child{color:var(--blue)}.legend span:last-child{color:#d58b29}.loanNotice{display:block;color:#8c96a8;margin-top:16px;line-height:1.6}@media(max-width:800px){.loanGrid{grid-template-columns:1fr;gap:22px}}@media(max-width:520px){.loanSection{padding:72px 0}.loanInputs,.loanResult{padding:22px}.loanSummary{grid-template-columns:1fr}.monthlyPay strong{font-size:29px}}