.calculator-container{font-family:var(--font-ui);margin:0 auto;max-width:1400px;padding:40px 20px}.calculator-header{margin-bottom:48px;text-align:center}.calculator-header h1{color:var(--text-primary);font-family:var(--font-display);font-size:44px;font-weight:400;letter-spacing:.03em;margin-bottom:12px}.calculator-subtitle{color:var(--text-secondary);font-size:18px;margin-bottom:16px}.calculator-badge{align-items:center;background:var(--cyan-dim);border:1px solid #18d4ff40;border-radius:20px;color:var(--cyan);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:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:20px}.cost-inputs h3{border-bottom:2px solid var(--border);color:var(--text-primary);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:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.input-group input{background:var(--bg-1);border:1px solid var(--border-bright);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.input-group input:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-glow);outline:none}.calculate-btn{background-color:var(--amber);border:none;border-radius:var(--radius);color:var(--bg-0);cursor:pointer;font-family:var(--font-ui);font-size:16px;font-weight:600;margin-top:24px;padding:14px;transition:background-color .2s;width:100%}.calculate-btn:hover:not(:disabled){background-color:#f0c85a}.calculate-btn:disabled{background-color:var(--bg-2);color:var(--text-muted);cursor:not-allowed}.calculator-results{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);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:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px}.empty-state p{color:var(--text-secondary);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:var(--bg-1);border-radius:8px;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;padding:12px}.feature-icon{font-size:20px}.results-summary{margin-bottom:40px}.results-summary h2{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px}.results-period{color:var(--text-secondary);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:var(--radius);padding:24px;text-align:center}.cost-column.ev{background:linear-gradient(135deg,#22d67a33,#22d67a1a);border:1px solid #22d67a4d;color:var(--text-primary)}.cost-column.petrol{background:linear-gradient(135deg,var(--amber-dim) 0,var(--amber-glow) 100%);border:1px solid var(--amber-dim);color:var(--text-primary)}.cost-label{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.cost-value{font-family:var(--font-mono);font-size:32px;font-weight:700;margin-bottom:4px}.cost-column.ev .cost-value{color:var(--green)}.cost-column.petrol .cost-value{color:var(--amber)}.cost-sublabel{color:var(--text-muted);font-size:12px}.cost-divider{flex-direction:column;gap:12px}.cost-divider,.vs-badge{align-items:center;display:flex}.vs-badge{background:var(--bg-card-2);border-radius:50%;color:var(--text-primary);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:#22d67a1f;border:1px solid #22d67a40;color:var(--green)}.savings-badge.negative{background:#e052521f;border:1px solid #e0525240;color:var(--red)}.savings-percentage{display:block;font-size:12px;margin-top:4px;opacity:.8}.breakeven-notice{background:var(--amber-glow);border:1px solid var(--amber-dim);border-radius:6px;color:var(--amber);font-size:14px;font-weight:500;padding:12px;text-align:center}.cost-breakdown{margin-bottom:40px}.cost-breakdown h3{color:var(--text-primary);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:var(--bg-1);border-radius:6px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr;padding:12px 16px}.breakdown-label{color:var(--text-secondary);font-size:14px;font-weight:500}.breakdown-ev,.breakdown-petrol{font-family:var(--font-mono);font-size:14px;font-weight:600;text-align:right}.breakdown-ev{color:var(--green)}.breakdown-petrol{color:var(--amber)}.yearly-costs h3{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:16px}.yearly-table{border:1px solid var(--border);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:var(--bg-1);color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase}.yearly-header,.yearly-row{border-bottom:1px solid var(--border)}.yearly-row{color:var(--text-primary);font-size:14px}.yearly-row:last-child{border-bottom:none}.ev-cost{color:var(--green)}.ev-cost,.petrol-cost{font-family:var(--font-mono);font-weight:600}.petrol-cost{color:var(--amber)}.diff-positive{color:var(--green);font-weight:600}.diff-negative{color:var(--red);font-weight:600}.calculator-education{margin-bottom:48px}.calculator-education h2{color:var(--text-primary);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:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.education-card h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:12px}.education-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.calculator-cta{margin-top:48px}.cta-box{background:linear-gradient(135deg,var(--bg-card-2) 0,var(--bg-card) 100%);border:1px solid var(--amber-dim);border-radius:var(--radius);padding:48px;text-align:center}.cta-box,.cta-box h3{color:var(--text-primary)}.cta-box h3{font-size:28px;font-weight:700;margin-bottom:16px}.cta-box>p{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.btn-primary,.btn-secondary{border:none;border-radius:var(--radius);cursor:pointer;display:inline-block;font-family:var(--font-ui);font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:transform .2s}.btn-primary{background:var(--amber);color:var(--bg-0)}.btn-secondary{background:#0000;border:2px solid var(--border-bright);color:var(--text-primary)}.btn-primary:hover,.btn-secondary:hover{transform:scale(1.05)}.cta-note{color:var(--text-muted);font-size:12px}.error-message{align-items:center;background:#e052521a;border:1px solid #e0525240;border-radius:8px;color:var(--red);display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.error-message button{background:none;border:none;color:var(--red);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:34px}.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}}