.solar-roi-calculator{max-width:1200px;margin:2rem auto;padding:0 1rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.calculator-header{text-align:center;margin-bottom:3rem}.header-icon{display:flex;justify-content:center;margin-bottom:1rem}.sun-icon{color:#f59e0b}.calculator-header h1{font-size:2.5rem;color:#1f2937;margin:0 0 .5rem}.subtitle{color:#4b5563;max-width:600px;margin:0 auto}.calculator-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.calculator-grid{grid-template-columns:1fr 1fr}}.input-section{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.input-section h2{display:flex;align-items:center;color:#1f2937;margin-bottom:1.5rem;font-size:1.5rem}.calculator-icon{margin-right:.5rem;color:#3b82f6}.input-group{margin-bottom:1.5rem}.input-group label{display:flex;align-items:center;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.dollar-icon,.battery-icon,.info-icon{margin-right:.5rem}.dollar-icon{color:#10b981}.battery-icon{color:#3b82f6}.input-wrapper{position:relative}input[type=number]{width:100%;padding:.5rem 3rem .5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;line-height:1.25rem;color:#1f2937;transition:border-color .15s ease-in-out}input[type=number]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.unit{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:.875rem}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.result-card{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .3s ease-in-out}.result-card:hover{transform:scale(1.05)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-header h3{font-size:1.125rem;color:#4b5563;margin:0}.result-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.important-notes{margin-top:2rem;padding:1.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem}.notes-header{display:flex;align-items:center;margin-bottom:1rem}.info-icon{color:#3b82f6}.important-notes h3{font-size:1.125rem;color:#1f2937;margin:0 0 0 .75rem}.important-notes ul{margin:0;padding-left:1.5rem;color:#4b5563;font-size:.875rem}.important-notes li{margin-bottom:.5rem}.important-notes li:last-child{margin-bottom:0}