.calculator-container{margin:0 auto;max-width:1400px;padding:40px 20px}.calculator-header{margin-bottom:48px;text-align:center}.calculator-header h1{color:#435156;font-size:36px;font-weight:700;margin-bottom:12px}.calculator-subtitle{color:#6b7280;font-size:18px;margin-bottom:16px}.calculator-badge{align-items:center;background:#eef5ff;border-radius:20px;color:#0063fc;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.badge-icon{font-size:18px}.calculator-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:320px 1fr;margin-bottom:48px}.calculator-sidebar{background:#fff;border:1px solid #e1e8ed;border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:20px}.cost-inputs h3{border-bottom:2px solid #e1e8ed;color:#435156;font-size:16px;font-weight:600;margin:24px 0 12px;padding-bottom:8px}.cost-inputs h3:first-child{margin-top:0}.input-group{margin-bottom:16px}.input-group label{color:#435156;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.input-group input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.input-group input:focus{border-color:#0063fc;box-shadow:0 0 0 3px #0063fc1a;outline:none}.calculate-btn{background-color:#0063fc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;padding:14px;transition:background-color .2s;width:100%}.calculate-btn:hover:not(:disabled){background-color:#0056e0}.calculate-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.calculator-results{background:#fff;border:1px solid #e1e8ed;border-radius:12px;min-height:600px;padding:32px}.empty-state{padding:80px 40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.empty-state h3{color:#435156;font-size:24px;font-weight:700;margin-bottom:12px}.empty-state p{color:#6b7280;font-size:16px;margin-bottom:32px}.empty-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:500px}.feature-item{align-items:center;background:#f9fafb;border-radius:8px;color:#435156;display:flex;font-size:14px;gap:8px;padding:12px}.feature-icon{font-size:20px}.results-summary{margin-bottom:40px}.results-summary h2{color:#435156;font-size:28px;font-weight:700;margin-bottom:8px}.results-period{color:#6b7280;font-size:14px;margin-bottom:32px}.results-comparison{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr auto 1fr;margin-bottom:24px}.cost-column{border-radius:12px;padding:24px;text-align:center}.cost-column.ev{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cost-column.petrol{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.cost-label{font-size:14px;margin-bottom:8px;opacity:.9}.cost-value{font-size:32px;font-weight:700;margin-bottom:4px}.cost-sublabel{font-size:12px;opacity:.8}.cost-divider{flex-direction:column;gap:12px}.cost-divider,.vs-badge{align-items:center;display:flex}.vs-badge{background:#435156;border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.savings-badge{border-radius:8px;font-size:16px;font-weight:600;padding:12px 20px;text-align:center}.savings-badge.positive{background:#d1fae5;color:#065f46}.savings-badge.negative{background:#fee2e2;color:#991b1b}.savings-percentage{display:block;font-size:12px;margin-top:4px;opacity:.8}.breakeven-notice{background:#fef3c7;border-radius:6px;color:#92400e;font-size:14px;font-weight:500;padding:12px;text-align:center}.cost-breakdown{margin-bottom:40px}.cost-breakdown h3{color:#435156;font-size:20px;font-weight:700;margin-bottom:16px}.breakdown-grid{grid-gap:12px;display:grid;gap:12px}.breakdown-item{grid-gap:16px;align-items:center;background:#f9fafb;border-radius:6px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr;padding:12px 16px}.breakdown-label{color:#435156;font-size:14px;font-weight:500}.breakdown-ev,.breakdown-petrol{font-size:14px;font-weight:600;text-align:right}.breakdown-ev{color:#059669}.breakdown-petrol{color:#d97706}.yearly-costs h3{color:#435156;font-size:20px;font-weight:700;margin-bottom:16px}.yearly-table{border:1px solid #e1e8ed;border-radius:8px;overflow:hidden}.yearly-header,.yearly-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:100px 1fr 1fr 1fr;padding:12px 16px}.yearly-header{background:#f9fafb;color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.yearly-header,.yearly-row{border-bottom:1px solid #e1e8ed}.yearly-row{font-size:14px}.yearly-row:last-child{border-bottom:none}.ev-cost{color:#059669;font-weight:600}.petrol-cost{color:#d97706;font-weight:600}.diff-positive{color:#059669;font-weight:600}.diff-negative{color:#991b1b;font-weight:600}.calculator-education{margin-bottom:48px}.calculator-education h2{color:#435156;font-size:28px;font-weight:700;margin-bottom:32px;text-align:center}.education-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.education-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;padding:32px}.education-card h3{color:#435156;font-size:18px;font-weight:700;margin-bottom:12px}.education-card p{color:#6b7280;font-size:14px;line-height:1.6}.calculator-cta{margin-top:48px}.cta-box{background:linear-gradient(135deg,#0063fc,#0056e0);border-radius:12px;color:#fff;padding:48px;text-align:center}.cta-box h3{font-size:28px;font-weight:700;margin-bottom:16px}.cta-box>p{font-size:16px;margin-bottom:24px;opacity:.9}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:transform .2s}.btn-primary{background:#fff;color:#0063fc}.btn-secondary{background:#0000;border:2px solid #fff;color:#fff}.btn-primary:hover,.btn-secondary:hover{transform:scale(1.05)}.cta-note{font-size:12px;opacity:.8}.error-message{align-items:center;background:#fee2e2;border-radius:8px;color:#991b1b;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.error-message button{background:none;border:none;color:#991b1b;cursor:pointer;text-decoration:underline}@media (max-width:1024px){.calculator-content{grid-template-columns:1fr}.calculator-sidebar{position:static}.education-grid{grid-template-columns:1fr}}@media (max-width:640px){.calculator-header h1{font-size:28px}.breakdown-item,.results-comparison{grid-template-columns:1fr}.breakdown-ev,.breakdown-item,.breakdown-petrol{text-align:center}.yearly-header,.yearly-row{gap:8px;grid-template-columns:1fr}.yearly-header{display:none}.cta-buttons{flex-direction:column}.empty-features{grid-template-columns:1fr}}