@charset "UTF-8";:root{line-height:1.5;color:#0f172a;background:#f1f5f9}.mortgage-wrapper{max-width:960px;width:100%;background:#fff;border-radius:16px;box-shadow:0 18px 45px rgba(15,23,42,0.12);padding:24px;box-sizing:border-box}@media (min-width:768px){.mortgage-wrapper{padding:32px 36px}}.subtitle{margin-bottom:20px;color:#64748b;font-size:14px}.grid{display:grid;gap:16px}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600;color:#0f172a}.field-row{display:flex;gap:8px;align-items:center}.field-row>*{flex:1}.field small{color:#94a3b8;font-size:12px}input[type="number"]{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;font-size:14px;box-sizing:border-box;outline:none;transition:border-color 0.15s ease,box-shadow 0.15s ease;background:#f8fafc}input[type="number"]:focus{border-color:#3b82f6;box-shadow:0 0 0 1px rgba(59,130,246,0.3);background:#fff}.suffix{flex:0 0 auto;font-size:13px;color:#64748b}.results-card{margin-top:24px;padding:18px 20px;border-radius:14px;background:#0f172a;color:#e2e8f0;display:grid;gap:12px}@media (min-width:640px){.results-card{grid-template-columns:repeat(3,minmax(0,1fr))}}.result-item{display:flex;flex-direction:column;gap:4px}.result-label{font-size:12px;text-transform:uppercase;letter-spacing:0.04em;color:#94a3b8}.result-value{font-size:18px;font-weight:700}.result-note{margin-top:8px;grid-column:1 / -1;font-size:11px;color:#94a3b8}.loan-summary{margin-top:18px;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px dashed #cbd5e1;font-size:13px;color:#475569}.loan-summary strong{font-weight:600;color:#0f172a}.error{margin-top:8px;font-size:12px;color:#b91c1c}