:root{--bg:#f4f6f8;--card:#fff;--muted:#6b7280;--maxw:980px}*{box-sizing:border-box}body{font-family:Inter,Segoe UI,Arial,sans-serif;margin:0;background:var(--bg);color:#111}header{background:linear-gradient(90deg,#25D366,#128C7E);color:#fff;padding:2rem 1rem;text-align:center}header h1{margin:0;font-size:1.5rem}header p{margin:.4rem 0 0;font-size:.95rem;opacity:.95}main{max-width:var(--maxw);margin:1.25rem auto;padding:0 1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{background:var(--card);border-radius:12px;padding:1.1rem;text-align:center;box-shadow:0 6px 18px rgba(17,24,39,6%);transition:transform .18s}.card:hover{transform:translateY(-6px)}.icon{width:64px;height:64px;margin:0 auto .6rem;display:flex;align-items:center;justify-content:center}h3{margin:.35rem 0;font-size:1.05rem}.btn{display:inline-block;margin-top:.6rem;padding:.5rem .9rem;border-radius:8px;color:#fff;font-weight:600;text-decoration:none}.whatsapp{background:#25d366}.telegram{background:#08c}.instagram{background:linear-gradient(45deg,#fd1d1d,#833ab4,#fcb045)}.facebook{background:#1877f2}.youtube{background:red}.xbtn{background:#111}footer{max-width:var(--maxw);margin:1.5rem auto;padding:1rem;text-align:center;color:var(--muted);font-size:.9rem}@media(max-width:420px){header{padding:1.25rem}.card{display:flex;align-items:center;text-align:left;gap:.75rem}.icon{margin:0;flex-shrink:0}.btn{margin-left:auto}}