.calculator{background:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:2rem}.calculator .subtitle{color:#475569;margin-bottom:2rem}.calculator .field-group{display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media(min-width:991px){.calculator .form-section .field-group:last-child{margin-bottom:0}.calculator .form-section{padding-right:2rem}}@media (min-width:768px){.calculator .field-group.three-cols{grid-template-columns:repeat(3,1fr)}.calculator .field-group.two-cols{grid-template-columns:repeat(2,1fr)}}.calculator .field{margin-bottom:1.5rem}.calculator label{color:#334155;display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem}.calculator input[type=number],.calculator input[type=text],.calculator select{border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;outline:none;padding:.75rem 1rem;transition:border-color .2s;width:100%}.calculator input[type=number]:focus,.calculator input[type=text]:focus,.calculator select:focus{border-color:#3b82f6}.calculator .hint{color:#64748b;font-size:.875rem;margin-top:.25rem}.calculator .loan-amount-display{background-color:#f1f5f9;border:2px solid #e2e8f0;border-radius:.5rem;color:#334155;font-size:1rem;padding:.75rem 1rem;width:100%}.calculator .results{background-color:#204094;border-radius:.75rem;color:#fff;padding:2rem}.calculator .monthly-payment{margin-bottom:1.5rem}.calculator .monthly-payment .label{color:#bfdbfe;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.calculator .monthly-payment .amount{font-size:2rem;font-weight:700}.calculator .totals{border-top:1px solid rgba(191,219,254,.3);display:grid;gap:1.5rem;grid-template-columns:1fr;padding-top:1.5rem}.calculator .total-item .label{color:#bfdbfe;font-size:1rem;font-weight:700;margin-bottom:.25rem}.calculator .total-item .amount{font-size:2rem;font-weight:700}