body{background-color:#f4f6f8!important;color:#0a1f33!important}header.header-white{background-color:#fff;box-shadow:0 4px 20px #0000000d}header.header-white .logo{color:#000}header.header-white .nav-links li a{color:#0a1f33}header.header-white .nav-links li a:hover{color:#f0b24c}header.header-white .profile-icon{background-color:#0000000d}header.header-white .profile-icon svg{color:#000}header.header-white .header-btn.login{border-color:#0a1f33;color:#0a1f33}header.header-white .header-btn.login:hover{background-color:#0000000d}header.header-white .header-btn.signup{background:#0a1f33;border-color:#0a1f33;color:#fff}header.header-white .header-btn.signup:hover{background:#153350}.fleet-hero{height:60vh;min-height:400px;background:linear-gradient(135deg,#0a1f33,#081726);display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;padding:0 20px;position:relative;overflow:hidden;margin-top:80px}.fleet-hero:after{content:"";position:absolute;bottom:-50px;left:0;width:100%;height:100px;background:#f4f6f8;transform:skewY(-2deg);transform-origin:bottom right}.hero-content{max-width:800px;z-index:2}.hero-content h1{font-size:56px;font-weight:800;margin-bottom:20px;letter-spacing:-1px;color:#fff}.hero-content p{font-size:20px;line-height:1.6;color:#fffc}.fleet-showcase{padding:60px 50px 100px;max-width:1400px;margin:0 auto}.fleet-category-label{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#f0b24c;font-weight:700;margin:60px 0 25px;padding-left:10px;border-left:4px solid #f0b24c}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:40px}.fleet-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000a;transition:transform .4s ease,box-shadow .4s ease;display:flex;flex-direction:column;height:100%}.fleet-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001a}.card-image{height:320px;width:100%;position:relative;overflow:hidden}.card-image img{transition:transform .6s ease}.fleet-card:hover .card-image img{transform:scale(1.05)}.card-image .overlay{position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);opacity:.6}.card-details{padding:35px;flex:1;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.card-header h3{font-size:28px;font-weight:700;margin:0;color:#0a1f33}.badge{background:#eef2f6;color:#0a1f33;padding:6px 14px;border-radius:50px;font-size:14px;font-weight:600}.desc{color:#667;line-height:1.6;font-size:16px;margin-bottom:30px;flex:1}.specs{display:flex;gap:40px;border-top:1px solid #eee;padding-top:25px}.spec-item .label{font-size:12px;text-transform:uppercase;color:#999;font-weight:600;margin-bottom:5px}.spec-item .value{font-size:18px;font-weight:700;color:#0a1f33}@media screen and (max-width:900px){.hero-content h1{font-size:40px}.fleet-grid{grid-template-columns:1fr}.fleet-showcase{padding:40px 20px}}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.fleet-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.card-image{height:200px;width:100%;flex-shrink:0;position:relative}.card-image img{width:100%;height:100%;object-fit:cover}.card-details{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.card-header{display:flex;justify-content:space-between;align-items:flex-start;height:60px;margin-bottom:.5rem;overflow:hidden}.card-header h3{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.badge{background-color:#f3f4f6;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap;margin-left:10px;flex-shrink:0}.desc{color:#666;font-size:.95rem;line-height:1.5;height:72px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem}.specs{margin-top:auto;display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid #e5e7eb}.spec-item{display:flex;flex-direction:column}.spec-item .label{font-size:.75rem;color:#9ca3af;text-transform:uppercase}.spec-item .value{font-weight:600;color:#1f2937}
