*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1f2937;background:#f9fafb;line-height:1.6}
header{background:#fff;border-bottom:1px solid #e5e7eb}.wrap{max-width:960px;margin:0 auto;padding:0 20px}
nav{display:flex;align-items:center;justify-content:space-between;height:64px}nav a{color:#374151;text-decoration:none;margin-left:24px}nav a:hover{color:#4f46e5}
.logo{font-weight:700;font-size:20px;color:#4f46e5;margin:0}
.hero{padding:80px 0;text-align:center}.hero h1{font-size:42px;margin:0 0 16px}.hero p{font-size:18px;color:#6b7280;max-width:620px;margin:0 auto 28px}
.btn{display:inline-block;background:#4f46e5;color:#fff;padding:12px 28px;border-radius:8px;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px 0 60px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.card h3{margin-top:0}.price{font-size:32px;font-weight:700}
footer{border-top:1px solid #e5e7eb;padding:24px 0;color:#9ca3af;font-size:14px;text-align:center}
form{max-width:480px}input,textarea{width:100%;padding:10px;margin:6px 0 16px;border:1px solid #d1d5db;border-radius:6px;font:inherit}