:root{--color-bg: #f3f4f6;--color-bg-soft: #e5e7eb;--color-surface: #ffffff;--color-surface-alt: #f9fafb;--color-primary: #facc15;--color-accent: #16a34a;--color-text: #020617;--color-muted: #6b7280;--color-border-soft: rgba(148, 163, 184, .35);--shadow-soft: 0 18px 45px rgba(15, 23, 42, .18);--gradient-bg: radial-gradient(circle at top, #e5e7eb 0%, #f9fafb 45%, #e5e7eb 100%);--gradient-card: radial-gradient(circle at top left, #f9fafb 0%, #e5e7eb 55%, #e5e7eb 100%)}:root[data-theme=dark]{--color-bg: #020617;--color-bg-soft: #020617;--color-surface: #020617;--color-surface-alt: #020617;--color-primary: #facc15;--color-accent: #16a34a;--color-text: #f9fafb;--color-muted: #9ca3af;--color-border-soft: rgba(148, 163, 184, .32);--shadow-soft: 0 18px 45px rgba(0, 0, 0, .55);--gradient-bg: radial-gradient(circle at top, #111827 0%, #020202 50%, #000000 100%);--gradient-card: radial-gradient(circle at top left, #111827 0%, #020617 55%, #020617 100%)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gradient-bg);color:var(--color-text)}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 1.25rem}section{padding:3.5rem 0}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.section-subtitle{color:var(--color-muted);max-width:680px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:999px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;letter-spacing:.02em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.btn-primary{background:linear-gradient(135deg,#facc15,#fbbf24);color:#000;box-shadow:0 14px 30px #facc1566}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px #facc1599}.btn-outline{border:1px solid rgba(148,163,184,.7);background:transparent;color:var(--color-text)}.btn-outline:hover{background:#0f172a0f}.card{background:var(--gradient-card);border-radius:24px;border:1px solid var(--color-border-soft);box-shadow:var(--shadow-soft)}input,select,textarea{width:100%;padding:.6rem .75rem;border-radius:.75rem;border:1px solid var(--color-border-soft);background:var(--color-bg-soft);color:var(--color-text);font-size:.9rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px #facc1580}label{display:block;font-size:.8rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.message{margin-top:.75rem;padding:.65rem .8rem;border-radius:.75rem;font-size:.85rem}.message-success{background:#16a34a24;color:#166534;border:1px solid rgba(22,163,74,.7)}:root[data-theme=dark] .message-success{color:#bbf7d0}.message-error{background:#f871711f;color:#b91c1c;border:1px solid rgba(248,113,113,.7)}:root[data-theme=dark] .message-error{color:#fecaca}footer{margin-top:auto}.tilt-card{transform-style:preserve-3d;transition:transform .18s ease,box-shadow .18s ease}.engine-diagram{position:relative}.engine-diagram svg{display:block;width:100%;height:auto}.engine-line{stroke:var(--color-accent);stroke-width:2;fill:none;stroke-linecap:round;animation:enginePulse 2.2s ease-in-out infinite}.engine-line.secondary{stroke:var(--color-primary);animation-delay:.7s}.engine-pulse{fill:var(--color-primary);opacity:.5;animation:engineGlow 2.4s ease-in-out infinite}.engine-block{fill:#0f172ae6;stroke:var(--color-primary);stroke-width:2}:root:not([data-theme=dark]) .engine-block{fill:#fff}.road-parallax-wrapper{position:absolute;inset:12% 0 auto;pointer-events:none;z-index:0}.road-parallax-inner{margin:0 auto;max-width:1600px;height:220px;opacity:.22}:root[data-theme=dark] .road-parallax-inner{opacity:.38}.road-surface{position:relative;height:100%;border-radius:999px;background:linear-gradient(to right,#020617,#0b1120,#020617);overflow:hidden}.road-stripes{position:absolute;inset:46% 10%;height:8%;background-image:repeating-linear-gradient(to right,#facc15 0,#facc15 40px,transparent 40px,transparent 80px)}.sticky-booking-bar{position:fixed;left:50%;transform:translate(-50%);bottom:1.25rem;z-index:40;max-width:640px;width:calc(100% - 2.5rem);background:#0f172af5;border-radius:999px;border:1px solid rgba(148,163,184,.5);box-shadow:0 18px 45px #000000b3;color:#e5e7eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root:not([data-theme=dark]) .sticky-booking-bar{background:#fffffffa;color:#111827;border-color:#94a3b866}@keyframes enginePulse{0%{stroke-opacity:.2}50%{stroke-opacity:1}to{stroke-opacity:.2}}@keyframes engineGlow{0%{opacity:.15;transform:scale(.9)}50%{opacity:.55;transform:scale(1.03)}to{opacity:.15;transform:scale(.9)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}@media(max-width:768px){.road-parallax-wrapper{inset:22% 0 auto}.sticky-booking-bar{bottom:.75rem;width:calc(100% - 1.5rem)}section{padding:2.5rem 0}h1{font-size:2rem!important}.container{padding:0 1rem}}.truck-3d-card{padding:1.5rem;position:relative;overflow:visible}.truck-3d-wrapper{perspective:1200px;display:flex;align-items:center;justify-content:center}.truck-3d{position:relative;width:260px;height:140px;transform-style:preserve-3d;animation:truckFloat 4s ease-in-out infinite alternate}.truck-body{position:absolute;inset:22% 6% 22% 8%;border-radius:18px;background:linear-gradient(135deg,#020617,#0b1120,#16a34a55);border:2px solid var(--color-primary);box-shadow:0 18px 35px #0009;transform:translateZ(40px) skew(-10deg)}.truck-cabin{position:absolute;left:16%;top:20%;width:70px;height:55px;border-radius:14px;background:linear-gradient(135deg,#16a34a,#22c55e);border:2px solid #020617;transform:translateZ(60px) skew(-8deg)}.truck-window{position:absolute;inset:8px 10px 18px;border-radius:10px;background:linear-gradient(135deg,#e5f2ff,#38bdf8)}.truck-grill{position:absolute;right:10%;top:50%;width:40px;height:34px;border-radius:10px;background:radial-gradient(circle at 0 0,#facc15 0,#facc1500 55%),linear-gradient(180deg,#020617,#111827);transform:translateY(-50%) translateZ(50px)}.truck-wheel{position:absolute;bottom:4%;width:40px;height:40px;border-radius:999px;border:4px solid #020617;background:radial-gradient(circle at 30% 30%,#e5e7eb,#020617);box-shadow:0 10px 18px #000000b3;transform:translateZ(20px)}.truck-wheel:after{content:"";position:absolute;inset:7px;border-radius:999px;border:3px dashed #facc15;animation:wheelSpin 1.2s linear infinite}.truck-wheel.front{right:18%}.truck-wheel.rear{left:20%}.truck-road{position:absolute;inset:72% 2% -12%;border-radius:999px;background:linear-gradient(to right,#020617,#0b1120,#020617);transform:translateZ(0);overflow:hidden;opacity:.9}.truck-road-stripes{position:absolute;inset:36% 6%;height:16%;background-image:repeating-linear-gradient(to right,#facc15 0,#facc15 40px,transparent 40px,transparent 80px);animation:roadMove 1.4s linear infinite}.truck-hud-line{position:absolute;right:-40px;top:16%;width:80px;height:2px;background:linear-gradient(to right,#22c55e,#facc15,transparent);opacity:.8;animation:hudPulse 2.5s ease-in-out infinite}.truck-hud-line:nth-child(2){top:30%;width:70px;animation-delay:.4s}.truck-hud-line:nth-child(3){top:44%;width:60px;animation-delay:.8s}@keyframes truckFloat{0%{transform:translateZ(0) rotateX(14deg) rotateY(-18deg)}to{transform:translate3d(0,-10px,0) rotateX(10deg) rotateY(-14deg)}}@keyframes wheelSpin{to{transform:rotate(360deg)}}@keyframes roadMove{0%{background-position-x:0}to{background-position-x:120px}}@keyframes hudPulse{0%{transform:translate(0);opacity:.2}50%{transform:translate(8px);opacity:1}to{transform:translate(0);opacity:.2}}.dash-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.3rem}.dash-metric-row{display:flex;flex-direction:column;gap:.75rem}.dash-metric{display:flex;flex-direction:column;gap:.25rem}.dash-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-muted)}.dash-bar-track{position:relative;height:7px;border-radius:999px;background:#94a3b840;overflow:hidden}.dash-bar-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#facc15);transform-origin:left;animation:diagBar 3.2s ease-in-out infinite}.dash-bar-fill.mid{animation-delay:.4s}.dash-bar-fill.high{animation-delay:.9s}@keyframes diagBar{0%{transform:scaleX(.6)}40%{transform:scaleX(.95)}70%{transform:scaleX(.8)}to{transform:scaleX(.9)}}.dash-pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.dash-pill{font-size:.75rem;padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.6);color:var(--color-muted)}.dash-gauge{position:relative;width:120px;height:60px;border-radius:120px 120px 0 0;border:2px solid rgba(148,163,184,.6);border-bottom:none;margin:0 auto;overflow:hidden}.dash-gauge-arc{position:absolute;inset:40% 8% -40%;border-radius:50%;border:6px solid transparent;border-top-color:#22c55e;border-left-color:#facc15;border-right-color:#f97316;transform:rotate(-12deg)}.dash-needle{position:absolute;bottom:0;left:50%;width:2px;height:52%;background:#facc15;transform-origin:bottom;animation:needleSweep 3s ease-in-out infinite}@keyframes needleSweep{0%{transform:translate(-50%) rotate(-18deg)}50%{transform:translate(-50%) rotate(14deg)}to{transform:translate(-50%) rotate(0)}}.dash-gauge-label{text-align:center;font-size:.8rem;margin-top:.4rem;color:var(--color-muted)}@media(max-width:768px){.dash-grid{grid-template-columns:minmax(0,1fr)}}.neon-grid{position:absolute;inset:0;background:repeating-linear-gradient(to right,rgba(250,204,21,.12) 0,rgba(250,204,21,.12) 2px,transparent 2px,transparent 60px),repeating-linear-gradient(to bottom,rgba(34,197,94,.12) 0,rgba(34,197,94,.12) 2px,transparent 2px,transparent 60px);transform-origin:center;animation:neonGridMove 18s linear infinite;opacity:.22;z-index:0}@keyframes neonGridMove{0%{transform:perspective(800px) rotateX(55deg) rotate(0) translateY(0)}to{transform:perspective(800px) rotateX(55deg) rotate(360deg) translateY(-160px)}}.engine-part-wrapper{perspective:1200px;position:relative;width:160px;height:160px;margin:auto}.engine-part{width:100%;height:100%;transform-style:preserve-3d;animation:engineRotate 6s linear infinite}@keyframes engineRotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}.engine-ring{position:absolute;border-radius:50%;border:4px solid rgba(250,204,21,.65);box-shadow:0 0 18px #facc1599}.engine-ring.r1{inset:10%}.engine-ring.r2{inset:22%;border-color:#22c55eb3}.engine-ring.r3{inset:36%;border-color:#38bdf8b3}.truck-smoke{position:absolute;bottom:18%;left:18%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 60%);filter:blur(6px);animation:smokePuff 2.6s ease-out infinite;opacity:.7;transform:translateZ(30px)}.truck-smoke:nth-child(2){animation-delay:.8s;left:14%;bottom:20%;width:34px;height:34px}.truck-smoke:nth-child(3){animation-delay:1.6s;left:22%;bottom:17%;width:28px;height:28px}@keyframes smokePuff{0%{opacity:0;transform:scale(.4) translateY(0)}40%{opacity:.8}to{opacity:0;transform:scale(1.6) translateY(-50px)}}