*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-fuel-petrol: #f59e0b;--clr-fuel-e20: #0F9D58;--clr-fuel-diesel: #6b7280;--clr-fuel-cng: #0ea5e9;--clr-fuel-electric: #10b981;--clr-fuel-hybrid: #06b6d4;--clr-fuel-lpg: #ec4899;--clr-fuel-hydrogen: #3b82f6;--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .22);--glass-blur: blur(16px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .12);--clr-primary: #0F9D58;--clr-primary-light: #34d474;--clr-primary-pale: #d1fae5;--clr-primary-shadow: #0a7a41;--clr-secondary: #0B57D0;--clr-secondary-light: #4285f4;--clr-secondary-pale: #dbeafe;--clr-button: #16A34A;--clr-button-shadow: #0d7a34;--clr-bg: #F8FAFC;--clr-bg-alt: #eef4fb;--clr-surface: #ffffff;--clr-text-primary: #0f172a;--clr-text-secondary: #475569;--clr-text-muted: #94a3b8;--clr-border: #e2e8f0;--clr-error: #ef4444;--clr-error-pale: #fee2e2;--clr-warning: #f59e0b;--clr-success: #10b981;--clr-star: #f59e0b;--shadow-clay-sm: 4px 4px 10px rgba(0, 0, 0, .08), -2px -2px 8px rgba(255, 255, 255, .85), inset 0 1px 0 rgba(255, 255, 255, .9);--shadow-clay: 8px 8px 20px rgba(0, 0, 0, .1), -4px -4px 14px rgba(255, 255, 255, .8), inset 0 2px 0 rgba(255, 255, 255, .9);--shadow-clay-lg: 12px 12px 32px rgba(0, 0, 0, .12), -6px -6px 20px rgba(255, 255, 255, .75), inset 0 2px 0 rgba(255, 255, 255, .9);--shadow-clay-green: 8px 8px 20px rgba(15, 157, 88, .18), -4px -4px 14px rgba(255, 255, 255, .8), inset 0 2px 0 rgba(255, 255, 255, .85);--shadow-clay-blue: 8px 8px 20px rgba(11, 87, 208, .15), -4px -4px 14px rgba(255, 255, 255, .8), inset 0 2px 0 rgba(255, 255, 255, .85);--shadow-btn-green: 0 7px 0 var(--clr-button-shadow), 0 10px 24px rgba(22, 163, 74, .38);--shadow-btn-green-hover: 0 9px 0 var(--clr-button-shadow), 0 14px 32px rgba(22, 163, 74, .48);--shadow-btn-green-active: 0 3px 0 var(--clr-button-shadow), 0 4px 10px rgba(22, 163, 74, .3);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 999px;--font: "Poppins", sans-serif;--transition: .2s cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s ease}[data-theme=dark]{--clr-bg: #0B0F1A;--clr-bg-alt: #121829;--clr-surface: #1A2035;--clr-text-primary: #E8ECF4;--clr-text-secondary: #8B9EC7;--clr-text-muted: #4A5887;--clr-border: #2A3558;--clr-primary-pale: rgba(15, 157, 88, .15);--clr-secondary-pale: rgba(11, 87, 208, .15);--clr-error-pale: rgba(239, 68, 68, .15);--shadow-clay-sm: 4px 4px 10px rgba(0, 0, 0, .5), -2px -2px 8px rgba(255, 255, 255, .02), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-clay: 8px 8px 20px rgba(0, 0, 0, .5), -4px -4px 14px rgba(255, 255, 255, .02), inset 0 2px 0 rgba(255, 255, 255, .05);--shadow-clay-lg: 12px 12px 32px rgba(0, 0, 0, .6), -6px -6px 20px rgba(255, 255, 255, .02), inset 0 2px 0 rgba(255, 255, 255, .05);--shadow-clay-green: 8px 8px 20px rgba(0, 0, 0, .5), inset 0 2px 0 rgba(255, 255, 255, .06);--shadow-clay-blue: 8px 8px 20px rgba(0, 0, 0, .5), inset 0 2px 0 rgba(255, 255, 255, .05);--glass-bg: rgba(26, 32, 53, .6);--glass-border: rgba(255, 255, 255, .08)}[data-theme=dark] .clay-card{background:var(--clr-surface);border-color:#ffffff0f}[data-theme=dark] .clay-card-green{background:linear-gradient(145deg,#0f9d581f,#0f9d5814);border-color:#0f9d5833}[data-theme=dark] .clay-card-blue{background:linear-gradient(145deg,#0b57d01f,#0b57d014);border-color:#0b57d033}[data-theme=dark] .form-input{background:#0f172a;border-color:var(--clr-border);color:var(--clr-text-primary)}[data-theme=dark] .form-input:focus{border-color:var(--clr-primary)}[data-theme=dark] .section-label{background:#0f9d5826;color:#4ade80}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--clr-bg);color:var(--clr-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.clay-card{background:var(--clr-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-clay);border:1.5px solid rgba(255,255,255,.7)}.clay-card-green{background:linear-gradient(145deg,#f0fdf4,#dcfce7);border-radius:var(--radius-lg);box-shadow:var(--shadow-clay-green);border:1.5px solid rgba(255,255,255,.7)}.clay-card-blue{background:linear-gradient(145deg,#eff6ff,#dbeafe);border-radius:var(--radius-lg);box-shadow:var(--shadow-clay-blue);border:1.5px solid rgba(255,255,255,.7)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 36px;background:linear-gradient(135deg,#22c55e,var(--clr-button));color:#fff;font-family:var(--font);font-size:1rem;font-weight:700;border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-btn-green);cursor:pointer;text-decoration:none;letter-spacing:.5px;transition:transform var(--transition),box-shadow var(--transition);position:relative;top:0}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-btn-green-hover)}.btn-primary:active{transform:translateY(5px);box-shadow:var(--shadow-btn-green-active);top:0}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;background:var(--clr-surface);color:var(--clr-secondary);font-family:var(--font);font-size:1rem;font-weight:600;border:2px solid var(--clr-secondary-pale);border-radius:var(--radius-md);box-shadow:var(--shadow-clay-sm);cursor:pointer;text-decoration:none;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.btn-secondary:hover{transform:translateY(-2px);border-color:var(--clr-secondary);box-shadow:var(--shadow-clay)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:600;color:var(--clr-text-secondary);letter-spacing:.3px}.form-input{padding:14px 18px;background:var(--clr-bg);border:2px solid var(--clr-border);border-radius:var(--radius-sm);font-family:var(--font);font-size:.95rem;color:var(--clr-text-primary);box-shadow:inset 2px 2px 6px #0000000d,inset -1px -1px 4px #ffffffe6;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;width:100%}.form-input:focus{border-color:var(--clr-primary);box-shadow:inset 2px 2px 6px #0000000d,0 0 0 3px #0f9d581f}.form-input.error{border-color:var(--clr-error);box-shadow:inset 2px 2px 6px #0000000d,0 0 0 3px #ef44441f}.form-error{font-size:.78rem;color:var(--clr-error);font-weight:500}.progress-bar-track{width:100%;height:8px;background:var(--clr-bg-alt);border-radius:var(--radius-pill);box-shadow:inset 2px 2px 4px #00000014;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--clr-primary),var(--clr-primary-light));border-radius:var(--radius-pill);transition:width .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0f9d5866}.stars{color:var(--clr-star);font-size:1.1rem;letter-spacing:2px}.section-label{display:inline-block;padding:6px 16px;background:var(--clr-primary-pale);color:var(--clr-primary);border-radius:var(--radius-pill);font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--clr-text-primary);line-height:1.2;margin-bottom:16px}.section-subtitle{font-size:1.05rem;color:var(--clr-text-secondary);max-width:560px;line-height:1.65}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fade-up{animation:fadeUp .55s ease both}.animate-pop{animation:pop .45s cubic-bezier(.34,1.56,.64,1) both}.animate-float{animation:float 3s ease-in-out infinite}@media (max-width: 768px){.section{padding:56px 0}.section-title{font-size:1.65rem}}@media (max-width: 480px){.container{padding:0 16px}.btn-primary{padding:15px 28px;font-size:.95rem}}.fuel-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-pill);font-size:.82rem;font-weight:700;cursor:pointer;border:2px solid transparent;transition:transform var(--transition),box-shadow var(--transition),background .2s;text-decoration:none}.fuel-chip:hover{transform:translateY(-2px)}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:700;color:var(--clr-text-secondary);letter-spacing:.5px;text-transform:uppercase;border-bottom:1.5px solid var(--clr-border);background:var(--clr-bg);white-space:nowrap}.data-table td{padding:13px 16px;color:var(--clr-text-primary);border-bottom:1px solid var(--clr-border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#0f9d5808}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--clr-border);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#22c55e,var(--clr-button));cursor:pointer;box-shadow:var(--shadow-btn-green);transition:transform .15s}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.15)}.navbar-placeholder{height:72px}