cat > css/style.css << 'EOF'
:root{--bg:#fff;--bg-alt:#f8f9fa;--text:#0f172a;--text-muted:#64748b;--primary:#111827;--accent:#3b82f6;--border:#e2e8f0;--radius:12px;--shadow:0 4px 6px -1px rgba(0,0,0,0.1);--container:1200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text);line-height:1.6;background:var(--bg)}a{text-decoration:none;color:inherit}button,input{font-family:inherit}img{max-width:100%;display:block}.container{max-width:var(--container);margin:0 auto;padding:0 20px}.header{border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);z-index:100}.header__inner{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-0.5px}.logo span{color:var(--accent)}.nav{display:flex;gap:24px}.nav__link{font-weight:500;color:var(--text-muted);transition:color 0.2s}.nav__link:hover,.nav__link--accent{color:var(--text)}.nav__link--accent i{margin-right:6px}.header__actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:all 0.2s;border:none}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:#374151;transform:translateY(-2px)}.btn--secondary{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn--secondary:hover{background:var(--primary);color:#fff}.btn--outline{background:transparent;border:1px solid var(--border);color:var(--text);padding:8px 16px}.btn:disabled{opacity:0.5;cursor:not-allowed}.btn-icon{background:transparent;border:none;font-size:1.2rem;position:relative;cursor:pointer;padding:8px}#cart-count{position:absolute;top:0;right:0;background:var(--accent);color:#fff;font-size:0.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hero{padding:80px 0 60px}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero__title{font-size:3.2rem;line-height:1.1;margin-bottom:20px;letter-spacing:-1px}.hero__subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:30px;max-width:480px}.hero__actions{display:flex;gap:16px;flex-wrap:wrap}.placeholder-box{background:var(--bg-alt);border-radius:var(--radius);height:400px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-muted);border:2px dashed var(--border)}.section{padding:60px 0}.section__title{font-size:2rem;margin-bottom:12px}.section__subtitle{color:var(--text-muted);margin-bottom:30px;max-width:600px}.bg--light{background:var(--bg-alt)}.search-section{text-align:center}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:60px 20px;cursor:pointer;transition:all 0.2s;margin-bottom:20px}.upload-zone:hover{border-color:var(--accent);background:rgba(59,130,246,0.03)}.upload-zone i{font-size:3rem;color:var(--text-muted);margin-bottom:16px;display:block}.upload-trigger{color:var(--accent);font-weight:600;cursor:pointer;text-decoration:underline}.upload-preview{margin-top:20px;min-height:100px;display:flex;align-items:center;justify-content:center}.upload-preview img{max-height:200px;border-radius:8px;box-shadow:var(--shadow)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-top:24px}.product-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform 0.2s;cursor:pointer}.product-card:hover{transform:translateY(-4px)}.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--bg-alt)}.product-card__info{padding:16px}.product-card__title{font-weight:600;margin-bottom:6px}.product-card__price{color:var(--accent);font-weight:700;font-size:1.1rem}.badge{display:inline-block;background:#dcfce7;color:#166534;padding:4px 10px;border-radius:20px;font-size:0.8rem;font-weight:600}.badge--alt{background:#f1f5f9;color:#475569}.category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}.trust-card{background:#fff;padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.trust-card i{font-size:2rem;color:var(--accent);margin-bottom:12px}.trust-card h3{margin-bottom:8px;font-size:1.1rem}.trust-card p{color:var(--text-muted);font-size:0.9rem}.footer{background:var(--primary);color:#fff;padding:60px 0 30px;margin-top:40px}.footer__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px;margin-bottom:40px}.footer .logo{color:#fff;margin-bottom:12px;display:inline-block}.footer .logo span{color:var(--accent)}.footer__col h4{margin-bottom:16px;font-size:1rem}.footer__col a{display:block;color:#94a3b8;margin-bottom:10px;font-size:0.9rem;transition:color 0.2s}.footer__col a:hover{color:#fff}.footer__bottom{text-align:center;border-top:1px solid #334155;padding-top:20px;color:#94a3b8;font-size:0.85rem}@media(max-width:768px){.hero__inner{grid-template-columns:1fr;text-align:center}.hero__subtitle{margin:0 auto 30px}.hero__actions{justify-content:center}.nav{display:none}}
EOF