/* Container */
.sd-wrapper{max-width:1000px;margin:40px auto;padding:0 16px;}
.sd-title{font-size:42px;line-height:1.2;margin:0 0 6px;text-align:center;font-weight:800;color:#111827;}
.sd-subtitle{font-size:18px;color:#4b5563;text-align:center;margin:0 0 20px;}

/* Form */
.sd-form{display:flex;gap:12px;justify-content:center;margin:20px 0 24px;}
.sd-form input{width:480px;max-width:80vw;padding:14px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:16px;}
.sd-form button{padding:12px 18px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-weight:600;cursor:pointer;}
.sd-form button:hover{filter:brightness(0.95);}

/* Grid */
.sd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}

/* Card */
.sd-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.06);overflow:hidden;text-align:center;}
.sd-thumb{background:#f3f4f6;padding:28px 0;}
.sd-thumb img{width:96px;height:96px;opacity:.8;}
.sd-body{padding:16px;}
.sd-body h3{margin:8px 0 12px;font-size:18px;color:#111827;}
.sd-btn{display:inline-block;background:#2563eb;color:#fff;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:600;}
.sd-btn:hover{filter:brightness(0.95);}

/* Responsive */
@media (max-width:640px){
  .sd-form{flex-direction:column;align-items:center;}
  .sd-form input{width:100%;}
  .sd-form button{width:100%;}
}