body { font-family: Arial; margin:0; padding:0; background:#f5f6fa; }
h1,h2,h3 { text-align:center; }
.product-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap:20px; padding:20px; }
.product-card { background:#fff; padding:15px; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,0.1); text-align:center; }
.product-card img { width:100%; height:150px; object-fit:cover; border-radius:10px; }
.product-card button { margin-top:10px; padding:10px; background:#4CAF50; color:white; border:none; border-radius:8px; cursor:pointer; }
.product-card button:hover { background:#45a049; }
.form-body { display:flex; justify-content:center; align-items:center; height:100vh; background:linear-gradient(135deg,#667eea,#764ba2); }
.form-container { background:rgba(255,255,255,0.15); padding:30px; border-radius:15px; backdrop-filter:blur(10px); box-shadow:0 8px 24px rgba(0,0,0,0.3); width:300px; text-align:center; color:#fff; }
.form-container input, .form-container button { width:100%; padding:10px; margin:8px 0; border:none; border-radius:8px; }
.form-container input { background:rgba(255,255,255,0.2); color:#fff; }
.form-container input::placeholder { color:#eee; }
.form-container button { background:#4CAF50; color:#fff; font-weight:bold; cursor:pointer; transition:0.3s; }
.form-container button:hover { background:#45a049; }
.error { color:#ffdddd; }