
/* Gold/black Optimus theme */
.loan-calculator{max-width:960px;margin:0 auto;font-family:Arial,sans-serif;color:#fff;background:#111;border-radius:12px;padding:1.5rem}
.tabs{display:flex;gap:.75rem;margin-bottom:1.5rem}
.tabs button{flex:1;padding:.7rem 0;border:none;border-radius:6px;font-weight:600;cursor:pointer;background:#222;color:#fff}
.tabs button.active{background:#c5a45a;color:#111}
.calc-body{display:flex;flex-wrap:wrap;gap:1.5rem}
.inputs{flex:1 1 300px;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.inputs h4{grid-column:1/-1;font-size:1rem;color:#c5a45a;border-bottom:1px solid #333;margin:0 0 .2rem}
.inputs label{display:flex;flex-direction:column;font-size:.85rem}
.inputs label span{margin-bottom:.25rem}
.inputs input{padding:.45rem .5rem;border:1px solid #444;border-radius:4px;background:#fff;color:#000;font-size:.9rem}
.results{flex:1 1 260px}
.results canvas{background:#fff;border-radius:10px}
.results ul{list-style:none;padding:0;margin-top:1rem;color:#fff}
.results li{margin-bottom:.4rem;font-weight:600}
@media(max-width:700px){.inputs{grid-template-columns:1fr}.calc-body{flex-direction:column}}
