.tags-hero{position:relative;isolation:isolate;padding:24px 0 14px;direction:rtl}
.tags-hero:before{position:absolute;inset:-8px 0 -24px;z-index:-1;background:radial-gradient(ellipse at 18% 38%,#fff8f1b8,transparent 46%),radial-gradient(ellipse at 82% 28%,#f3f8ff9c,transparent 43%),linear-gradient(180deg,#ffffff24 0%,#ffffff12 68%,transparent 100%);content:"";pointer-events:none}
.tags-hero .tags-breadcrumb,.tags-hero__inner{width:min(91%,1280px);margin-inline:auto}
.tags-hero .tags-breadcrumb{margin-bottom:14px}
.tags-hero__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:52px;min-height:224px;padding:28px 56px;background:radial-gradient(ellipse at 18% 58%,#fff0dd72,transparent 42%),radial-gradient(ellipse at 89% 10%,#e7f2ff5c,transparent 42%)}
.tags-hero__inner:before{position:absolute;inset:20px auto 20px 24%;width:110px;background:radial-gradient(circle,#ed9b6252 1.7px,transparent 2.1px) 0 0/14px 14px;content:"";opacity:.68;pointer-events:none}
.tags-hero__inner:after{position:absolute;top:-118px;left:22%;width:290px;height:290px;border:1px solid #efa97645;border-radius:50%;box-shadow:0 0 0 18px #f6c59a18,0 0 0 42px #f6c59a12,0 0 0 70px #f6c59a0a;content:"";pointer-events:none}
.tags-hero__copy{position:relative;z-index:1;max-width:760px}
.tags-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid #f0c49f;border-radius:999px;background:#fff9f3;color:#b6652c;font-size:13px;font-weight:700;box-shadow:0 5px 16px #a95c1910}
.tags-hero__eyebrow i{font-size:15px}
.tags-hero h1{margin:18px 0 12px;color:#19283b;font-size:clamp(29px,3.2vw,44px);font-weight:850;line-height:1.4;letter-spacing:-.4px}
.tags-hero h1 span{color:#ed762d}
.tags-hero__copy p{margin:0;color:#6b7b8d;font-size:15px;line-height:1.9}
.tags-hero__icon{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:150px;height:150px;color:#e77b38;opacity:.92}
.tags-hero__icon:before,.tags-hero__icon:after{position:absolute;border:1px solid #ed9b6266;border-radius:50%;content:"";pointer-events:none}
.tags-hero__icon:before{inset:10px;box-shadow:0 0 0 13px #f6c59a20,0 0 0 27px #f6c59a17}
.tags-hero__icon:after{top:0;right:9px;width:13px;height:13px;border:0;background:#f2a15e;box-shadow:-116px 108px 0 -3px #f2a15e}
.tags-hero__icon i{font-size:84px;filter:drop-shadow(0 8px 12px #a95c1924)}
.tags-directory{width:min(91%,1280px);margin-inline:auto;padding:0 0 60px;direction:rtl;background:transparent}
.tags-breadcrumb{display:flex;align-items:center;gap:7px;padding:4px 2px 0;color:#8290a0;font-size:12px}
.tags-breadcrumb a{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none;transition:color .18s}
.tags-breadcrumb a:hover{color:#d36d31}
.tags-breadcrumb>i{color:#b6c0ca}
.tags-breadcrumb [aria-current]{color:#536578;font-weight:700}
.tags-results__header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.tags-results__eyebrow{color:#be7441;font-size:11px;font-weight:700}
.tags-results__header h2{margin:3px 0 0;color:#1c2b3d;font-size:22px;font-weight:800}
.tags-results__count{padding:6px 11px;border:1px solid #f2dfce;border-radius:999px;background:#fff8f1;color:#a9602c;font-size:12px;font-weight:700;white-space:nowrap}
.tags-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tags-card{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;min-height:72px;padding:15px 18px;border:1px solid #e6eaf0;border-radius:17px;background:#fff;color:#24374a;text-decoration:none;box-shadow:0 3px 12px #24374a06;transition:transform .18s,border-color .18s,box-shadow .18s}
.tags-card:hover{transform:translateY(-2px);border-color:#f0c39e;box-shadow:0 10px 24px #8c572313}
.tags-card__name{overflow:hidden;color:#26384b;font-size:15px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.tags-card__name>span{margin-inline-end:3px;color:#eb793a}
.tags-card__meta{display:flex;align-items:center;gap:10px;flex:none;color:#8390a0;font-size:11px;white-space:nowrap}
.tags-card__meta i{color:#d9834e;font-size:16px;transition:transform .18s}
.tags-card:hover .tags-card__meta i{transform:translateX(-3px)}
.tags-pagination{margin-top:22px}
.tags-empty{display:flex;flex-direction:column;align-items:center;padding:44px 20px;border:1px dashed #dce3eb;border-radius:20px;background:#fff;text-align:center}
.tags-empty__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#fff2e7;color:#dc7b3b;font-size:25px}
.tags-empty h3{margin:13px 0 4px;color:#28384b;font-size:17px;font-weight:800}
.tags-empty p{max-width:460px;margin:0;color:#78879a;font-size:13px;line-height:1.8}
.dark .tags-hero:before{background:radial-gradient(ellipse at 18% 38%,#172333a8,transparent 46%),radial-gradient(ellipse at 82% 28%,#20364a88,transparent 43%),linear-gradient(180deg,#0b142018 0%,#0b14200d 68%,transparent 100%)}
.dark .tags-hero__inner{background:radial-gradient(ellipse at 18% 58%,#a95c191c,transparent 38%),radial-gradient(ellipse at 89% 10%,#28548318,transparent 37%)}
.dark .tags-hero__inner:before{background:radial-gradient(circle,#d9915b80 1.8px,transparent 2.2px) 0 0/14px 14px}
.dark .tags-hero__inner:after,.dark .tags-hero__icon:before{border-color:#bd81534d;box-shadow:0 0 0 18px #bd815318,0 0 0 42px #bd815310,0 0 0 70px #bd81530a}
.dark .tags-hero__eyebrow,.dark .tags-results__count{border-color:#674a35;background:#30271f;color:#f2b17d}
.dark .tags-hero h1,.dark .tags-results__header h2,.dark .tags-card__name,.dark .tags-empty h3{color:#edf4fb}
.dark .tags-hero__copy p,.dark .tags-card__meta,.dark .tags-empty p{color:#a7b5c5}
.dark .tags-hero__icon{color:#f2a76f}
.dark .tags-hero__icon:after{background:#f2a76f;box-shadow:-116px 108px 0 -3px #f2a76f}
.dark .tags-breadcrumb [aria-current]{color:#c3d0dd}
.dark .tags-card,.dark .tags-empty{border-color:#2a3a4b;background:#172536}
.dark .tags-empty__icon{background:#33281f;color:#f2a76f}
.dark .tags-card:hover{border-color:#79553b;box-shadow:0 10px 24px #0003}
@media(max-width:850px){.tags-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tags-hero__inner{gap:28px;min-height:190px;padding:22px 30px}.tags-hero__icon{width:118px;height:118px}.tags-hero__icon i{font-size:68px}.tags-hero h1{font-size:clamp(27px,4.2vw,36px)}}
@media(max-width:560px){.tags-hero{padding-top:16px;padding-bottom:12px}.tags-hero:before{inset:-6px 0 -18px;background:radial-gradient(ellipse at 18% 38%,#fff8f1a8,transparent 48%),radial-gradient(ellipse at 82% 28%,#f3f8ff8c,transparent 45%),linear-gradient(180deg,#ffffff20 0%,#ffffff0d 68%,transparent 100%)}.tags-hero .tags-breadcrumb,.tags-hero__inner{width:calc(100% - 32px)}.tags-hero .tags-breadcrumb{margin-bottom:10px}.tags-hero__inner{gap:5px;min-height:172px;padding:18px 10px;background:radial-gradient(ellipse at 18% 58%,#fff0dd72,transparent 48%),radial-gradient(ellipse at 89% 10%,#e7f2ff5c,transparent 45%)}.tags-hero__inner:before{inset:10px auto 10px 20%;width:55px;background-size:11px 11px}.tags-hero__inner:after{top:-68px;left:18%;width:195px;height:195px;box-shadow:0 0 0 12px #f6c59a18,0 0 0 28px #f6c59a12,0 0 0 46px #f6c59a0a}.tags-hero__icon{width:68px;height:68px}.tags-hero__icon:before{inset:6px;box-shadow:0 0 0 7px #f6c59a20,0 0 0 14px #f6c59a17}.tags-hero__icon:after{right:1px;width:8px;height:8px;box-shadow:-52px 52px 0 -2px #f2a15e}.tags-hero__icon i{font-size:44px}.tags-hero__eyebrow{gap:5px;padding:6px 10px;font-size:10px}.tags-hero h1{margin:13px 0 8px;font-size:25px;line-height:1.45}.tags-hero__copy p{max-width:270px;font-size:12px}.tags-directory{width:calc(100% - 32px)}.tags-breadcrumb{font-size:11px}.tags-results__header h2{font-size:19px}.tags-grid{grid-template-columns:1fr;gap:9px}.tags-card{min-height:64px;padding:13px 15px}.dark .tags-hero:before{background:radial-gradient(ellipse at 18% 38%,#172333a8,transparent 48%),radial-gradient(ellipse at 82% 28%,#20364a88,transparent 45%),linear-gradient(180deg,#0b142018 0%,#0b14200d 68%,transparent 100%)}.dark .tags-hero__inner{background:radial-gradient(ellipse at 18% 58%,#a95c191c,transparent 48%),radial-gradient(ellipse at 89% 10%,#28548318,transparent 45%)}.dark .tags-hero__icon:after{box-shadow:-52px 52px 0 -2px #f2a76f}}