:root{--primary-color: #0073e6;--primary-dark: #005bb5;--secondary-color: #000000;--accent-color: #CE1126;--text-dark: #1a1a1a;--text-light: #f5f5f5;--bg-light: #ffffff;--bg-off-white: #f4f6f8;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 115, 230, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-md: 8px;--radius-lg: 16px;--font-sans: "Outfit", "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-off-white);color:var(--text-dark);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:color .2s}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn-primary{background:var(--primary-color);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);transition:all .2s}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--secondary-color);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);transition:all .2s}.btn-secondary:hover{opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-md)}.watermarked{position:relative}.watermark-overlay{position:absolute;bottom:10px;right:10px;opacity:.7;width:100px;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm);padding:1rem 0}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;color:var(--text-dark)}.navbar-logo .icon,.navbar-logo .highlight{color:var(--secondary-color)}.navbar-links{display:flex;align-items:center;gap:2rem}.nav-link{font-weight:500;color:var(--text-dark);transition:color .2s}.nav-link:hover{color:var(--secondary-color)}.btn-login{display:flex;align-items:center;gap:.5rem;background:var(--bg-off-white);padding:.5rem 1rem;border-radius:20px;border:1px solid #eee}.btn-login:hover{background:#eee}.navbar-toggle{display:none;cursor:pointer}@media(max-width:768px){.navbar-toggle{display:block}.navbar-links{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:1rem;gap:1rem;box-shadow:var(--shadow-md);clip-path:circle(0% at 100% 0);transition:clip-path .4s ease-in-out}.navbar-links.active{clip-path:circle(140% at 100% 0)}}.hero{position:relative;height:80vh;min-height:500px;background-image:url(https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&q=80);background-size:cover;background-position:center;display:flex;align-items:center;text-align:center;color:#fff}.hero-overlay{position:absolute;inset:0;background:linear-gradient(#0000004d,#000000b3)}.hero-content{position:relative;z-index:1;width:100%}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-1px}.highlight-text{color:var(--primary-color);text-shadow:0 0 20px rgba(255,215,0,.3)}.hero-subtitle{font-size:1.25rem;margin-bottom:3rem;color:#eee;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.hero-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:50px;font-weight:700;font-size:1.1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.buy-btn{background:var(--primary-color);color:var(--text-dark)}.buy-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #ffd7004d;background:#fff}.sell-btn{background:#ffffff1a;border:2px solid white;color:#fff}.sell-btn:hover{background:#fff;color:var(--text-dark);transform:translateY(-3px)}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column;padding:0 1rem}.hero-btn{width:100%;justify-content:center}}.vehicle-form-container{max-width:800px;margin:2rem auto;padding:0 1rem}.form-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;position:relative}.step-indicator{background:#e0e0e0;color:#666;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;z-index:1;transition:all .3s}.step-indicator.active{background:var(--primary-color);color:var(--text-dark);box-shadow:0 0 10px #ffd70066}.step-line{flex:1;height:2px;background:#e0e0e0;margin:0 10px}.step-line.active{background:var(--primary-color)}.vehicle-form{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.form-step h2{text-align:center;margin-bottom:2rem;color:var(--text-dark)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.95rem;color:#444}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #0033a01a}.type-options{display:flex;gap:1rem}.type-option{flex:1;padding:1rem;border:2px solid #ddd;border-radius:var(--radius-md);text-align:center;font-weight:700;cursor:pointer;transition:all .2s}.type-option:hover{border-color:#bbb}.type-option.selected{border-color:var(--primary-color);background:#ffd7001a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.condition-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.condition-option{border:1px solid #ddd;padding:1rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.condition-option:hover{background:#f9f9f9}.condition-option.selected{border-color:var(--primary-color);background:#ffd7000d;box-shadow:0 2px 8px #0000000d}.condition-option p{font-size:.85rem;color:#666;margin-top:.5rem}.form-actions{display:flex;justify-content:space-between;margin-top:2rem}.form-actions.right{justify-content:flex-end}.info-box{background:#eef7ff;border:1px solid #cce5ff;color:#004085;padding:1rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.photo-upload-card{border:1px solid #eee;border-radius:var(--radius-md);overflow:hidden}.photo-preview{height:150px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview .placeholder{color:#ccc}.photo-info{padding:1rem;text-align:center}.photo-info h4{font-size:.9rem;margin-bottom:.5rem}.photo-info p{font-size:.75rem;color:#666;margin-bottom:1rem;height:2.5em;overflow:hidden}.btn-upload{display:inline-block;padding:.5rem 1rem;background:#fff;border:1px solid #ddd;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-upload:hover{background:#f0f0f0;border-color:#ccc}.btn-submit{display:flex;align-items:center;gap:.5rem}.auth-container{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.auth-card{background:#fff;padding:2.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:450px;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{font-size:2rem;color:var(--text-dark);margin-bottom:.5rem}.auth-header p{color:#666}.auth-error{background:#fff5f5;color:#e53e3e;padding:.75rem;border-radius:var(--radius-md);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;border:1px solid #fed7d7}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0aec0;pointer-events:none}.input-group input{width:100%;padding:.85rem 1rem .85rem 3rem;border:1px solid #e2e8f0;border-radius:var(--radius-md);font-size:1rem;transition:all .2s}.input-group input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #0033a01a}.auth-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;font-size:1.1rem;margin-top:.5rem}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:2rem;font-size:.95rem;color:#4a5568}.auth-footer a{color:var(--secondary-color);font-weight:600;margin-left:.25rem}.auth-footer a:hover{text-decoration:underline}.listing-card{background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.listing-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.listing-image{position:relative;height:200px;overflow:hidden}.listing-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.listing-card:hover .listing-image img{transform:scale(1.05)}.listing-price{position:absolute;bottom:10px;left:10px;background:var(--primary-color);color:var(--text-dark);font-weight:800;padding:.25rem .75rem;border-radius:4px;font-size:1.1rem}.listing-tag{position:absolute;top:10px;right:10px;background:#0009;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;text-transform:capitalize}.listing-details{padding:1rem;flex:1;display:flex;flex-direction:column}.listing-title{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;color:var(--text-dark)}.listing-specs{display:flex;gap:.75rem;margin-bottom:1rem;font-size:.85rem;color:#666}.spec-item{display:flex;align-items:center;gap:.25rem}.listing-location{margin-top:auto;display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:#888}.browse-header{text-align:center;margin-bottom:2rem}.browse-header h1{margin-bottom:1.5rem}.search-bar{max-width:600px;margin:0 auto;position:relative}.search-bar input{width:100%;padding:1rem 1rem 1rem 3rem;border:1px solid #ddd;border-radius:50px;font-size:1.1rem;box-shadow:var(--shadow-sm);transition:all .2s}.search-bar input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 4px #0033a01a}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#888}.browse-filters{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.filter-chip{padding:.5rem 1.25rem;border-radius:20px;background:#fff;border:1px solid #ddd;font-weight:600;cursor:pointer;transition:all .2s}.filter-chip:hover{background:#f0f0f0}.filter-chip.active{background:var(--text-dark);color:#fff;border-color:var(--text-dark)}.filter-select{padding:.5rem 1rem;border-radius:20px;border:1px solid #ddd;background:#fff;cursor:pointer}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.no-results{text-align:center;padding:4rem 1rem;color:#666}.no-results button{margin-top:1rem;color:var(--secondary-color);font-weight:700;text-decoration:underline}.footer{background:#fff;border-top:1px solid #eee;padding-top:4rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:3rem}@media(max-width:900px){.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:600px){.footer-content{grid-template-columns:1fr}}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{height:50px;width:auto;align-self:flex-start}.footer-brand p{color:#666;max-width:300px}.footer-links,.footer-contact,.footer-social{display:flex;flex-direction:column;gap:1rem}.footer-links h3,.footer-contact h3,.footer-social h3{font-size:1.1rem;color:var(--text-dark);font-weight:700;margin-bottom:.5rem}.footer-links a{color:#666}.footer-links a:hover{color:var(--primary-color)}.footer-contact p{display:flex;align-items:center;gap:.5rem;color:#666}.social-icons{display:flex;gap:1rem}.social-icons a{color:var(--primary-color);transition:transform .2s}.social-icons a:hover{transform:translateY(-3px)}.footer-bottom{background:var(--primary-color);color:#fff;text-align:center;padding:1.5rem;font-size:.9rem}.detail-container{padding:2rem 1rem}.back-link{display:flex;align-items:center;color:#666;margin-bottom:1.5rem;font-weight:500}.back-link:hover{color:var(--secondary-color)}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;margin-bottom:3rem}@media(max-width:768px){.detail-grid{grid-template-columns:1fr}}.main-image{width:100%;height:400px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem;background:#f0f0f0}.main-image img{width:100%;height:100%;object-fit:cover}.image-thumbnails{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.image-thumbnails img,.thumbnail-placeholder{width:80px;height:60px;border-radius:var(--radius-md);object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all .2s}.thumbnail-placeholder{background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#888}.image-thumbnails img:hover,.image-thumbnails img.active{border-color:var(--primary-color)}.detail-info{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:fit-content}.detail-title{font-size:2rem;margin-bottom:.5rem}.detail-price{font-size:2rem;font-weight:800;color:var(--text-dark);margin-bottom:1rem}.detail-location{display:flex;align-items:center;gap:.5rem;color:#666;margin-bottom:2rem}.detail-specs{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.spec-row{display:flex;justify-content:space-between;border-bottom:1px solid #f0f0f0;padding-bottom:.5rem}.spec-row span{display:flex;align-items:center;gap:.5rem;color:#666}.condition-badge{background:#e6fffa;color:#2c7a7b;padding:.2rem .6rem;border-radius:12px;font-size:.9rem}.contact-btn{width:100%;font-size:1.2rem;text-transform:uppercase;letter-spacing:.5px}.detail-description{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:3rem}.detail-description h3{margin-bottom:1rem}.recommendations-section h3{margin-bottom:1.5rem;font-size:1.5rem}