*{box-sizing:border-box}html,body{color:#0f172a;background:#f8f7f3;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}:root{--petrol-dark:#0f172a;--petrol-blue:#1e293b;--petrol-orange:#f97316;--petrol-gray:#64748b;--petrol-light:#f8f7f3}.vf-container{max-width:1200px;margin:0 auto;padding:0 20px}.vf-btn-primary,.btn-primary{background:var(--petrol-orange);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-weight:900;text-decoration:none;transition:transform .18s,opacity .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 20px #f973162e}.vf-btn-primary:hover,.btn-primary:hover{opacity:.95;transform:translateY(-1px)}.vf-btn-dark{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.vf-btn-outline-light{color:#fff;border:1px solid #ffffff59;border-radius:10px;padding:9px 12px;font-weight:800;text-decoration:none}.vf-btn-outline-dark{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;transition:all .2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000000f}.badge{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-block}.badge-featured{color:#92400e;background:#fde68a}.badge-urgent{color:#fff;background:#ef4444}.badge-petrol{color:#fff;background:#f97316}.badge-verified{color:#fff;background:#16a34a}.vf-navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af0;border-bottom:1px solid #ffffff14;position:sticky;top:0}.vf-navbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:78px;display:flex}.vf-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.vf-logo-image{object-fit:contain;width:34px;height:34px}.vf-logo-text{color:#fff;letter-spacing:-.02em;font-size:28px;font-weight:950;line-height:1}.vf-logo-accent{color:#f97316}.vf-nav-links{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.vf-nav-links a{color:#fff;opacity:.95;font-weight:700;text-decoration:none}.vf-nav-links a:hover{opacity:1}.vf-nav-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vf-nav-link-light{color:#fff;font-weight:700;text-decoration:none}.vf-nav-publish{min-width:108px}.vf-home-page{background:radial-gradient(circle at 0 0,#f9731614,#0000 24%),linear-gradient(#f8fafc 0%,#f8f7f3 100%)}.vf-home-hero{padding:34px 0 18px}.vf-home-hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;display:grid}.vf-home-hero-copy{padding:28px 0}.vf-hero-kicker{color:#1d4ed8;background:#eaf2ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.vf-home-hero-copy h1{letter-spacing:-.03em;color:#0f172a;max-width:760px;margin:18px 0 0;font-size:58px;font-weight:950;line-height:1.02}.vf-hero-accent{color:#f97316}.vf-home-hero-copy p{color:#475569;max-width:760px;margin-top:16px;font-size:19px;line-height:1.7}.vf-hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.vf-home-search-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #e5e7eb;border-radius:24px;padding:22px;box-shadow:0 16px 40px #0f172a14}.vf-home-search-title{color:#0f172a;font-size:24px;font-weight:900}.vf-home-search-subtitle{color:#64748b;margin-top:8px;line-height:1.6}.vf-home-location-row{gap:10px;margin-top:14px;display:grid}.vf-location-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;width:100%;padding:12px 14px;font-weight:800}.vf-location-text{color:#475569;font-size:14px}.vf-home-search-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.vf-field-block{flex-direction:column;gap:8px;display:flex}.vf-field-full{grid-column:1/-1}.vf-field-label{color:#475569;font-size:13px;font-weight:800}.vf-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #dbe2ea;border-radius:14px;outline:none;width:100%;padding:14px;font-size:15px}.vf-input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb14}.vf-home-search-actions{margin-top:18px}.vf-home-search-button{width:100%}.vf-town-pills{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.vf-town-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:700}.vf-town-pill-active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.vf-home-categories{padding-top:14px;padding-bottom:8px}.vf-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.vf-category-card{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:20px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;box-shadow:0 10px 30px #0f172a0a}.vf-category-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 18px 40px #0f172a14}.vf-category-icon{color:#f97316;background:#fff7ed;border-radius:14px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.vf-category-title{margin-top:16px;font-size:20px;font-weight:900}.vf-category-text{color:#64748b;margin-top:8px;line-height:1.6}.vf-home-section{padding-top:22px;padding-bottom:12px}.vf-section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.vf-section-head h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:34px;font-weight:950;line-height:1.05}.vf-section-head p{color:#64748b;margin:8px 0 0;font-size:16px}.vf-section-link{color:#2563eb;font-weight:800;text-decoration:none}.vf-home-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-top:20px;display:grid}.vf-home-listing-card{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:22px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:block;overflow:hidden;box-shadow:0 10px 28px #0f172a0d}.vf-home-listing-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 18px 42px #0f172a17}.vf-home-listing-top{padding:14px 14px 0}.vf-home-listing-badges{flex-wrap:wrap;gap:8px;min-height:28px;display:flex}.vf-home-listing-image{background:linear-gradient(135deg,#0f172a 0%,#1e293b 48%,#f97316 100%);border-radius:16px;place-items:center;height:168px;margin-top:12px;display:grid}.vf-home-listing-image span{color:#fff;letter-spacing:-.03em;opacity:.9;font-size:44px;font-weight:950}.vf-home-listing-body{padding:16px}.vf-home-listing-body h3{margin:0;font-size:20px;font-weight:900;line-height:1.2}.vf-home-listing-town{color:#64748b;margin-top:8px;font-size:15px}.vf-home-listing-price{color:#f97316;margin-top:12px;font-size:24px;font-weight:950}@media (max-width:1024px){.vf-home-hero-inner{grid-template-columns:1fr}.vf-home-hero-copy h1{font-size:48px}.vf-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.vf-navbar-inner{padding-top:14px;padding-bottom:14px}.vf-nav-links,.vf-nav-actions{width:100%}.vf-nav-links{gap:16px}}@media (max-width:640px){.vf-home-hero{padding-top:24px}.vf-home-hero-copy h1{font-size:38px}.vf-home-hero-copy p{font-size:17px}.vf-home-search-grid,.vf-category-grid{grid-template-columns:1fr}.vf-section-head h2{font-size:28px}.vf-home-listing-price{font-size:21px}.vf-logo-text{font-size:24px}}