@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');
.dua-hero{margin:34px 0 20px;padding:34px 22px;border-radius:24px;background:linear-gradient(135deg,var(--brand),#0d4a3a);color:#fff;text-align:center;box-shadow:var(--shadow)}
.dua-hero h1{margin:0 0 8px;font-size:clamp(2rem,5vw,3.2rem)}.dua-hero p{margin:0;color:#e5fff5}.dua-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}.dua-tabs a{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:999px;text-decoration:none}.dua-tabs a.active,.dua-tabs a:hover{background:#fff;color:#174c3e}
.dua-list{display:grid;gap:14px;padding:0 0 50px}.dua-item{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 7px 24px rgba(23,58,50,.07)}.dua-item h2,.dua-item h3{margin:0 0 10px;color:var(--brand)}.dua-text{font-size:1.3rem;line-height:2.05;margin:0;white-space:pre-line}.dua-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px;color:var(--muted);font-size:.95rem}.count-badge{padding:5px 10px;background:var(--surface-2);border-radius:999px}.dua-actions{display:flex;gap:7px;flex-wrap:wrap}.dua-actions button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:7px 11px;border-radius:10px;cursor:pointer}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:50px}.category-card{position:relative;overflow:hidden;min-height:180px;padding:24px;border-radius:22px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:.2s}.category-card:hover{transform:translateY(-4px);border-color:var(--brand)}.category-card .icon{font-size:2.4rem}.category-card h2{margin:12px 0 6px}.category-card p{color:var(--muted);margin:0}.category-card::after{content:'←';position:absolute;left:20px;bottom:16px;color:var(--brand);font-size:1.4rem}
@media(max-width:700px){.category-grid{grid-template-columns:1fr}.dua-item{padding:17px}.dua-text{font-size:1.16rem}.dua-meta{align-items:flex-start;flex-direction:column}}