.nazmlar-page{--card-hover:var(--card-bg);--gold-dim:var(--gold);background:var(--black);color:var(--foreground);font-family:var(--font-ui), sans-serif;line-height:1.6;overflow-x:clip}.nazm-hero{border-bottom:1px solid var(--border);background:radial-gradient(ellipse 110% 70% at 50% 0%, color-mix(in srgb, var(--gold) 8%, transparent) 0%, color-mix(in srgb, var(--gold) 4%, transparent) 30%, color-mix(in srgb, var(--gold) 1.5%, transparent) 60%, transparent 90%), linear-gradient(180deg, var(--deep) 0%, var(--background) 100%);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:90dvh;padding:clamp(40px,6vw,80px) clamp(16px,4vw,48px) clamp(40px,6vw,72px);display:flex;position:relative;overflow:hidden}.hero-watermark{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.09;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;text-shadow:0 0 60px color-mix(in srgb, var(--gold) 25%, transparent);z-index:1;font-size:clamp(130px,28vw,280px);font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:2;max-width:760px;margin:0 auto;position:relative}.hero-breadcrumb{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:22px;font-size:11px}.hero-breadcrumb span{color:var(--gold)}.hero-arabic{font-family:var(--font-arabic-display), serif;color:var(--gold);margin-bottom:8px;font-size:clamp(36px,7vw,60px);font-weight:700;line-height:1.1}.hero-uzbek{letter-spacing:clamp(3px,1vw,6px);color:var(--gold-bright);text-transform:uppercase;margin-bottom:18px;font-size:clamp(12px,2vw,14px)}.hero-divider{justify-content:center;align-items:center;gap:16px;width:fit-content;margin:18px auto 22px;display:flex}.hero-divider-line{background:linear-gradient(to right, transparent, var(--gold));width:80px;height:1px}.hero-divider-line.right{background:linear-gradient(to left, transparent, var(--gold))}.hero-divider-diamond{background:var(--gold-fill,var(--gold));width:8px;height:8px;transform:rotate(45deg)}.hero-desc{color:var(--muted);letter-spacing:.3px;max-width:540px;margin:0 auto 30px;font-size:14px;line-height:1.9}.hero-stats{border-top:1px solid color-mix(in srgb, var(--gold) 18%, transparent);flex-wrap:wrap;justify-content:center;gap:clamp(20px,4vw,56px);width:100%;max-width:600px;margin-top:36px;padding-top:28px;display:flex}.hero-stats>div{text-align:center;min-width:64px}.hero-stat-num{font-family:var(--font-arabic-display), serif;color:var(--gold-bright);font-size:clamp(24px,3.5vw,34px);font-weight:700;line-height:1;display:block}.hero-stat-label{letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-top:8px;font-size:clamp(10px,1.1vw,11px);display:block}.controls{scroll-margin-top:calc(var(--navbar-height) + 12px);background:var(--black);border:0;flex-direction:column;align-items:stretch;gap:10px;padding:40px 40px 22px;display:flex}.controls-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;width:100%;display:flex}@media (max-width:768px){.controls-row{flex-direction:column;align-items:stretch}.controls-row .search-bar{width:100%;max-width:100%}}.nazm-sort-row{border-bottom:1px solid var(--border);background:var(--black);justify-content:flex-end;padding:0 40px 22px;display:flex}.section-wrap{padding:clamp(28px,4vw,48px) clamp(16px,4vw,40px)}.featured-nazm{border:1px solid var(--border-mid);background:linear-gradient(180deg, var(--card-bg) 0%, var(--deep) 100%);text-align:center;margin-bottom:32px;padding:50px 40px;position:relative;overflow:hidden}.featured-nazm:before,.featured-nazm:after{content:"";border:.5px solid var(--gold);pointer-events:none;width:18px;height:18px;position:absolute}.featured-nazm:before{border-bottom:none;border-right:none;top:8px;left:8px}.featured-nazm:after{border-top:none;border-left:none;bottom:8px;right:8px}.featured-watermark{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.04;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(110px,16vw,200px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.featured-watermark--name{text-align:center;opacity:.06;width:96%;max-width:1000px;font-size:clamp(38px,8.5vw,96px);line-height:1.35}.featured-badge{letter-spacing:1.5px;color:var(--gold-bright);text-transform:uppercase;border:.5px solid var(--gold);z-index:2;margin-bottom:20px;padding:5px 14px;font-size:11px;display:inline-block;position:relative}.featured-arabic-poem{font-family:var(--font-arabic-display), serif;color:var(--foreground);z-index:2;direction:rtl;margin-bottom:24px;font-size:24px;line-height:2.4;position:relative}.featured-translation{color:var(--muted);z-index:2;max-width:600px;margin:0 auto 24px;font-size:16px;font-style:italic;line-height:2;position:relative}.featured-meta{letter-spacing:2px;color:var(--gold);text-transform:uppercase;z-index:2;justify-content:center;gap:32px;font-size:11px;display:flex;position:relative}.featured-meta-item{align-items:center;gap:8px;display:flex}.featured-meta-item:before{content:"◇";color:var(--gold)}.nazm-grid{border-top:.5px solid var(--border-mid);border-left:.5px solid var(--border-mid);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.nazm-card{border-right:.5px solid var(--border-mid);border-bottom:.5px solid var(--border-mid);background:var(--card-bg);cursor:pointer;padding:28px 26px;transition:all .4s;position:relative;overflow:hidden}.nazm-card:hover{background:color-mix(in srgb, var(--gold) 8%, var(--card-bg))}.nazm-num-frame{border:.5px solid var(--gold);z-index:2;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:18px;transition:all .4s;display:flex;position:relative;transform:rotate(45deg)}.nazm-num-frame span{font-family:var(--font-arabic-display), serif;color:var(--gold-bright);font-size:13px;font-weight:700;transform:rotate(-45deg)}.nazm-card:hover .nazm-num-frame{border-color:var(--gold-bright);transform:rotate(45deg)scale(1.08)}.nazm-cat{letter-spacing:1.5px;text-transform:uppercase;background:color-mix(in srgb, var(--card-bg) 85%, transparent);color:var(--gold);border:.5px solid var(--gold);z-index:2;-webkit-backdrop-filter:blur(6px);margin-bottom:14px;padding:3px 8px;font-size:11px;display:inline-block;position:relative}.nazm-title{color:var(--foreground);z-index:2;margin-bottom:10px;font-size:15px;font-weight:500;line-height:1.5;position:relative}.nazm-arabic{font-family:var(--font-arabic-display), serif;color:var(--gold);z-index:2;direction:rtl;margin-bottom:14px;font-size:16px;font-weight:700;line-height:1.9;position:relative}.nazm-divider{background:linear-gradient(90deg, transparent, var(--gold) 50%, transparent);opacity:.3;height:1px;margin-bottom:14px;position:relative}.nazm-divider:after{content:"";background:var(--gold-fill,var(--gold));width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.nazm-author{font-family:var(--font-arabic-display), serif;color:var(--gold);letter-spacing:.5px;z-index:2;font-size:12px;position:relative}.nazm-meta{z-index:2;justify-content:space-between;margin-top:12px;display:flex;position:relative}.nazm-meta-item{color:var(--dim);letter-spacing:1px;font-size:11px}.nazm-play-btn{z-index:2;cursor:pointer;background:color-mix(in srgb, var(--card-bg) 80%, transparent);width:32px;height:32px;box-shadow:0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent), 0 4px 12px #00000040, 0 0 18px color-mix(in srgb, var(--gold) 18%, transparent);-webkit-backdrop-filter:blur(8px);border:none;justify-content:center;align-items:center;transition:background .25s,transform .2s,box-shadow .25s;display:flex;position:absolute;top:26px;right:26px;transform:rotate(45deg)}.nazm-play-btn svg{fill:var(--gold);margin-left:2px;transition:fill .25s;transform:rotate(-45deg)}.nazm-card:hover .nazm-play-btn{background:var(--gold-fill,var(--gold));box-shadow:0 0 0 1px var(--gold), 0 6px 18px #0000004d, 0 0 28px color-mix(in srgb, var(--gold) 40%, transparent);transform:rotate(45deg)scale(1.06)}.nazm-card:hover .nazm-play-btn svg{fill:var(--on-gold)}.nashid-grid{border-top:.5px solid var(--border-mid);border-left:.5px solid var(--border-mid);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.nashid-card{border-right:.5px solid var(--border-mid);border-bottom:.5px solid var(--border-mid);background:var(--card-bg);cursor:pointer;transition:all .3s;position:relative}.nashid-card:hover{background:color-mix(in srgb, var(--gold) 8%, var(--card-bg))}.nashid-thumb{background:linear-gradient(135deg, var(--deep) 0%, var(--background) 100%);border-bottom:.5px solid var(--border-mid);justify-content:center;align-items:center;height:180px;display:flex;position:relative;overflow:hidden}.nashid-thumb-watermark{color:var(--gold);opacity:.22;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nashid-thumb-watermark svg{width:clamp(56px,7.5vw,92px);height:clamp(56px,7.5vw,92px)}.nashid-play{border:.5px solid var(--gold-bright);z-index:2;cursor:pointer;background:0 0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:relative;transform:rotate(45deg)}.nashid-play svg{fill:var(--gold-bright);margin-left:3px;transition:fill .3s;transform:rotate(-45deg)}.nashid-card:hover .nashid-play{background:var(--gold-bright)}.nashid-card:hover .nashid-play svg{fill:var(--black)}.nashid-duration{background:color-mix(in srgb, var(--card-bg) 85%, transparent);color:var(--gold);font-size:11px;font-family:var(--font-arabic-display), serif;border:.5px solid var(--gold);-webkit-backdrop-filter:blur(6px);padding:3px 8px;position:absolute;bottom:10px;right:10px}.nashid-body{padding:14px 16px}.nashid-cat{letter-spacing:2px;text-transform:uppercase;border:1px solid var(--border-mid);color:var(--muted);margin-bottom:8px;padding:3px 8px;font-size:11px;display:inline-block}.nashid-title{color:var(--foreground);margin-bottom:6px;font-size:15px;font-weight:500;line-height:1.5}.nashid-singer{font-family:var(--font-arabic-display), serif;color:var(--gold);margin-bottom:6px;font-size:12px}.nashid-meta{justify-content:space-between;margin-top:6px;display:flex}.nashid-date,.nashid-views{color:var(--dim);letter-spacing:1px;font-size:11px}@media (max-width:1024px){.nazm-grid{grid-template-columns:repeat(2,1fr)}.nashid-grid{grid-template-columns:repeat(3,1fr)}.featured-arabic-poem{font-size:20px}}@media (max-width:768px){.nazm-hero,.controls,.section-wrap,.nazm-sort-row{padding-left:20px;padding-right:20px}.tab-bar{padding:0 12px}.tab-btn{letter-spacing:1px;gap:6px;padding:14px 16px;font-size:11px}.nazm-grid,.nashid-grid{grid-template-columns:repeat(2,1fr)}.hero-stats{flex-wrap:wrap;gap:24px}.featured-nazm{padding:32px 24px}.featured-arabic-poem{font-size:17px}}@media (max-width:480px){.nashid-grid{grid-template-columns:repeat(3,1fr)}.nashid-body{padding:8px 10px 10px}.nashid-title{font-size:11px;line-height:1.3}.nashid-cat{padding:2px 6px;font-size:9px}.nashid-singer{font-size:10px}}@media (max-width:420px){.nazm-card{padding:14px 12px}.nazm-title{font-size:12px;line-height:1.35}.nazm-arabic{margin-bottom:8px;font-size:13px;line-height:1.6}.nazm-cat{margin-bottom:10px;padding:2px 6px;font-size:9px}.nazm-author{font-size:10px}.nazm-num-frame{width:28px;height:28px;margin-bottom:12px}.nazm-num-frame span{font-size:11px}}@media (max-width:480px){.featured-nazm{margin-bottom:22px;padding:22px 16px}.featured-arabic-poem{margin-bottom:18px;font-size:16px;line-height:2}.featured-translation{margin-bottom:18px;font-size:13px;line-height:1.8}.featured-meta{letter-spacing:1.5px;gap:18px;font-size:10px}.featured-badge{margin-bottom:14px;padding:4px 10px;font-size:10px}}.nazm-card-link,.nashid-card-link,.featured-nazm-link{color:inherit;text-decoration:none;display:block}.nazm-empty{text-align:center;font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:60px 20px;font-size:13px}.nashid-thumb-img{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}:root[data-theme=light] .nazm-hero{background:radial-gradient(ellipse 110% 70% at 50% 0%, color-mix(in srgb, var(--gold) 8%, transparent) 0%, color-mix(in srgb, var(--gold) 4%, transparent) 30%, color-mix(in srgb, var(--gold) 1.5%, transparent) 60%, transparent 90%), linear-gradient(180deg, var(--deep) 0%, var(--background) 100%)}:root[data-theme=light] .nazm-hero .hero-watermark{opacity:.12;text-shadow:0 0 60px color-mix(in srgb, var(--gold) 15%, transparent)}:root[data-theme=light] .nashid-thumb,:root[data-theme=light] .nazm-card{background:linear-gradient(135deg, var(--deep) 0%, var(--card-bg) 100%)}@media (min-width:769px){.nazm-hero{min-height:85dvh}}