*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#fff;color:#111;line-height:1.6}
.container{width:90%;max-width:1100px;margin:auto;padding:30px 0}
.header,.footer{background:#0F172A;color:#fff;padding:20px 0}
.nav{display:flex;justify-content:space-between;align-items:center}
.nav a{color:#fff;text-decoration:none;margin-left:16px}
.hero{background:#f8fafc;text-align:center;padding:80px 0}
.hero h2{margin-bottom:12px}
.btn,button{display:inline-block;background:#F59E0B;color:#fff;padding:12px 22px;border:none;border-radius:8px;text-decoration:none;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}
.card,.product{border:1px solid #ddd;padding:20px;border-radius:14px}
.form{display:grid;gap:14px;max-width:500px}
input,select,textarea{padding:12px;border:1px solid #ddd;border-radius:8px}
table{width:100%;border-collapse:collapse;margin-top:20px}
th,td{border:1px solid #ddd;padding:12px;text-align:left}
.footer{text-align:center}