*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f6f8;color:#222}header{background:#fff;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 5px #ddd}main{max-width:1200px;margin:30px auto;padding:0 20px}.btn,button{background:#1769e0;color:#fff;border:0;padding:11px 18px;border-radius:7px;text-decoration:none;cursor:pointer}.search{display:flex;gap:10px;margin-bottom:25px}.search input{flex:1}.search input,.form input,.form textarea{padding:12px;border:1px solid #ccc;border-radius:6px;width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.card{background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 8px #ddd}.card img{width:100%;height:210px;object-fit:cover}.info{padding:15px}.info h2{margin:0 0 8px}.info p{color:#666}.form-page,.detail{max-width:800px}.form{background:#fff;padding:20px;border-radius:10px;display:grid;gap:16px;margin-top:20px}.form label{font-weight:bold;display:grid;gap:7px}.hero{width:100%;max-height:650px;object-fit:contain;background:#111;border-radius:10px;margin-top:20px}.comment{background:#fff;padding:15px;border-radius:8px;margin:10px 0}.comment small{display:block;color:#888;margin-top:3px}.error{background:#ffe5e5;padding:12px;border-radius:7px;margin:15px 0}.empty{text-align:center;padding:50px;color:#777}@media(max-width:600px){header h1{font-size:22px}.grid{grid-template-columns:1fr}.search{flex-direction:column}}