.fatvolar-page{--card-hover:var(--card-bg);--gold-dim:var(--gold);--muted:var(--muted);background:var(--black);color:var(--foreground);font-family:var(--font-ui), sans-serif;line-height:1.6;overflow-x:clip}.fatvo-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%}}.fatvo-sort-row{border-bottom:1px solid var(--border);background:var(--black);justify-content:flex-end;padding:0 40px 22px;display:flex}.search-wrap{border:1px solid var(--border-mid);background:var(--card-bg);border-radius:2px;flex:1;align-items:center;gap:10px;min-width:240px;max-width:420px;padding:0 16px;display:flex}.search-wrap svg{width:14px;height:14px;color:var(--gold);flex-shrink:0}.search-input{color:var(--foreground);font-size:12px;font-family:var(--font-ui), sans-serif;letter-spacing:.5px;background:0 0;border:none;border-radius:2px;outline:none;flex:1;padding:12px 0}.search-input::placeholder{color:var(--muted);letter-spacing:1px}.section-wrap{padding:clamp(28px,4vw,48px) clamp(16px,4vw,40px)}.featured-fatvo{border:1px solid var(--border-mid);background:linear-gradient(180deg, var(--card-bg) 0%, var(--deep) 100%);cursor:pointer;grid-template-columns:1.4fr 1fr;margin-bottom:32px;transition:all .4s;display:grid;position:relative;overflow:hidden}.featured-fatvo:before,.featured-fatvo:after{content:"";border:.5px solid var(--gold);pointer-events:none;z-index:4;width:18px;height:18px;transition:border-color .4s;position:absolute}.featured-fatvo:before{border-bottom:none;border-right:none;top:8px;left:8px}.featured-fatvo:after{border-top:none;border-left:none;bottom:8px;right:8px}.featured-fatvo:hover{border-color:var(--gold)}.featured-fatvo:hover:before,.featured-fatvo:hover:after{border-color:var(--gold-bright)}.featured-thumb{background:linear-gradient(135deg, var(--deep) 0%, var(--background) 60%, var(--deep) 100%);justify-content:center;align-self:stretch;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.thumb-watermark{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.06;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(100px,14vw,180px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn-lg{border:.5px solid var(--gold-bright);z-index:2;justify-content:center;align-items:center;width:78px;height:78px;transition:all .3s;display:flex;position:relative;transform:rotate(45deg)}.play-btn-lg svg{fill:var(--gold-bright);margin-left:4px;transition:fill .3s;transform:rotate(-45deg)}.featured-fatvo:hover .play-btn-lg{background:var(--gold-bright)}.featured-fatvo:hover .play-btn-lg svg{fill:var(--black)}.yangi-badge{z-index:3;background:var(--gold-fill,var(--gold));color:var(--on-gold);letter-spacing:1.5px;padding:5px 14px;font-size:11px;font-weight:600;position:absolute;top:18px;left:18px}.duration-badge{z-index:3;background:color-mix(in srgb, var(--card-bg) 85%, transparent);color:var(--gold);letter-spacing:1px;border:.5px solid var(--gold);font-size:11px;font-family:var(--font-arabic-display), serif;-webkit-backdrop-filter:blur(6px);padding:4px 10px;position:absolute;bottom:16px;right:16px}.featured-info{background:var(--deep);border-left:.5px solid var(--border-mid);flex-direction:column;justify-content:space-between;padding:36px 32px;display:flex}.fatvo-type-badge{background:color-mix(in srgb, var(--card-bg) 85%, transparent);border:.5px solid var(--gold);color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);align-items:center;gap:6px;width:fit-content;margin-bottom:18px;padding:5px 12px;font-size:11px;display:inline-flex}.featured-title{color:var(--foreground);margin-bottom:14px;font-size:19px;font-weight:500;line-height:1.5}.featured-arabic{font-family:var(--font-arabic-display), serif;color:var(--gold);direction:rtl;margin-bottom:18px;font-size:18px;font-weight:700;line-height:1.9}.featured-divider{background:linear-gradient(90deg, transparent 0%, var(--gold) 50%, transparent 100%);opacity:.4;width:100%;height:1px;margin-bottom:18px;position:relative}.featured-divider:after{content:"";background:var(--gold-fill,var(--gold));width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.featured-desc{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;margin-bottom:22px;font-size:16px;line-height:1.9;display:-webkit-box;overflow:hidden}.meta-row{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.meta-key{letter-spacing:2px;color:var(--gold);text-transform:uppercase;flex-shrink:0;width:60px;font-size:11px}.meta-val{color:var(--foreground);font-size:12px}.watch-btn{border:.5px solid var(--gold);color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:10px;width:fit-content;margin-top:22px;padding:13px 26px;font-family:inherit;font-size:11px;font-weight:500;transition:all .3s;display:inline-flex}.watch-btn:hover{background:var(--gold-fill,var(--gold));color:var(--on-gold)}.video-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}.video-card{border-right:.5px solid var(--border-mid);border-bottom:.5px solid var(--border-mid);cursor:pointer;background:var(--card-bg);transition:all .3s;position:relative}.video-card:hover{background:color-mix(in srgb, var(--gold) 8%, var(--card-bg))}.video-thumb{aspect-ratio:16/9;background:linear-gradient(135deg, var(--deep) 0%, var(--background) 100%);border-bottom:.5px solid var(--border-mid);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-thumb-watermark{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.06;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(50px,7vw,90px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn-sm{border:.5px solid var(--gold-bright);z-index:2;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:relative;transform:rotate(45deg)}.play-btn-sm svg{fill:var(--gold-bright);margin-left:3px;transition:fill .3s;transform:rotate(-45deg)}.video-card:hover .play-btn-sm{background:var(--gold-bright)}.video-card:hover .play-btn-sm svg{fill:var(--black)}.video-duration{background:color-mix(in srgb, var(--card-bg) 85%, transparent);color:var(--gold);font-size:11px;font-family:var(--font-arabic-display), serif;-webkit-backdrop-filter:blur(6px);border:1px solid var(--border-mid);padding:2px 7px;position:absolute;bottom:8px;right:8px}.video-body{padding:14px 16px}.video-cats{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.video-cat{letter-spacing:1.5px;text-transform:uppercase;background:color-mix(in srgb, var(--card-bg) 85%, transparent);border:.5px solid var(--gold);color:var(--gold);-webkit-backdrop-filter:blur(6px);padding:3px 8px;font-size:11px;display:inline-block}.video-card:hover .video-cat{border-color:var(--gold-bright)}.video-title{color:var(--foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:15px;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.video-scholar{color:var(--gold);font-size:12px;font-family:var(--font-arabic-display), serif;margin-bottom:6px}.video-meta{justify-content:space-between;margin-top:8px;display:flex}.video-date,.video-views{color:var(--dim);letter-spacing:1px;font-size:11px}.text-fatvolar{border-top:.5px solid var(--border-mid);flex-direction:column;gap:0;display:flex}.text-fatvo-card{cursor:pointer;background:var(--card-bg);border-bottom:.5px solid var(--border-mid);grid-template-columns:72px 1fr auto;align-items:start;gap:40px;padding:32px 36px;transition:all .4s;display:grid;position:relative;overflow:hidden}.video-thumb .view-badge{z-index:3;position:absolute;top:10px;right:10px}.featured-type-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.featured-type-row .fatvo-type-badge{margin-bottom:0}.text-fatvo-card:hover{background:color-mix(in srgb, var(--gold) 8%, var(--card-bg))}.tf-num-frame{border:.5px solid var(--gold);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-top:4px;transition:all .4s;display:flex;transform:rotate(45deg)}.tf-num-frame span{font-family:var(--font-arabic-display), serif;color:var(--gold-bright);font-size:14px;font-weight:700;transform:rotate(-45deg)}.text-fatvo-card:hover .tf-num-frame{border-color:var(--gold-bright);transform:rotate(45deg)scale(1.08)}.tf-body{min-width:0}.tf-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.tf-category{letter-spacing:1.5px;text-transform:uppercase;border:.5px solid var(--gold);color:var(--gold);padding:4px 10px;font-size:11px}.tf-verified{letter-spacing:2px;color:#5db4a0;text-transform:uppercase;border:.5px solid #5db4a066;align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:inline-flex}.tf-title{color:var(--foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:15px;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.tf-arabic{font-family:var(--font-arabic-display), serif;color:var(--gold);direction:rtl;margin-bottom:12px;font-size:17px;font-weight:700;line-height:1.9}.tf-summary{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:16px;line-height:1.9;display:-webkit-box;overflow:hidden}.tf-divider{background:linear-gradient(90deg, var(--border-mid), transparent);height:.5px;margin-bottom:14px}.tf-footer{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.tf-scholar{color:var(--gold);letter-spacing:1px;font-size:11px;font-family:var(--font-arabic-display), serif}.tf-date,.tf-reads{color:var(--dim);letter-spacing:1px;font-size:11px}.tf-right{text-align:right;white-space:nowrap;flex-shrink:0;padding-top:4px}.tf-views-label{letter-spacing:2px;color:var(--dim);text-transform:uppercase;vertical-align:middle;font-size:11px;display:inline-block}.tf-view-badge{margin-left:auto}.tf-arrow{color:var(--gold);opacity:0;vertical-align:middle;margin-left:8px;font-size:16px;transition:opacity .4s,transform .4s,color .4s;display:inline-block;transform:translate(-6px)}.text-fatvo-card:hover .tf-arrow{opacity:1;transform:translate(0)}.tf-watermark{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.025;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(60px,10vw,100px);line-height:1;position:absolute;top:50%;right:18%;transform:translateY(-50%)}@media (max-width:720px){.tf-watermark{opacity:.025}}.pagination{border-top:.5px solid var(--border);justify-content:center;align-items:center;gap:6px;padding:36px 40px;display:flex}.page-btn{border:1px solid var(--border-mid);width:36px;height:36px;color:var(--muted);font-size:12px;font-family:var(--font-arabic-display), serif;cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;transition:all .3s;display:flex}.page-btn:hover{border-color:var(--gold);color:var(--gold-bright)}.page-btn.active{border-color:var(--gold);color:var(--on-gold);background:var(--gold-fill,var(--gold))}@media (max-width:1024px){.featured-fatvo{grid-template-columns:1fr}.featured-thumb{aspect-ratio:16/9;min-height:240px}.video-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.fatvo-hero,.controls,.section-wrap,.pagination{padding-left:20px;padding-right:20px}.tab-bar{padding:0 20px}.fatvo-sort-row{padding-left:20px;padding-right:20px}.video-grid{grid-template-columns:1fr;gap:16px}.text-fatvo-card{grid-template-columns:48px 1fr;gap:18px;padding:24px 20px}.tf-right{display:none}.play-btn-sm{width:36px;height:36px}.play-btn-lg{width:56px;height:56px}}@media (max-width:480px){.fatvo-hero,.controls,.section-wrap,.pagination{padding-left:14px;padding-right:14px}.tab-bar{padding:0 10px}.tab-btn{letter-spacing:.8px;gap:6px;padding:12px 14px;font-size:10px}.fatvo-sort-row{padding-left:14px;padding-right:14px}.video-grid{gap:14px}.featured-info{padding:16px 12px}.featured-title{word-break:break-word;font-size:15px;line-height:1.35}.featured-arabic{word-break:break-word;font-size:14px;line-height:1.7}.featured-desc{font-size:13px;line-height:1.55}.controls{gap:10px}.page-btn{width:40px;height:40px;font-size:12px}.pagination{gap:4px;padding-top:24px;padding-bottom:24px}.text-fatvo-card{gap:10px;padding:14px 12px}.tf-title{font-size:13px}.tf-summary{font-size:12px;line-height:1.6}}@media (max-width:400px){.video-grid{gap:12px}}.featured-fatvo-link,.video-card-link,.text-fatvo-link{color:inherit;text-decoration:none;display:block}.featured-fatvo-link{display:grid}.text-fatvo-link{grid-template-columns:72px 1fr auto;align-items:start;gap:40px;display:grid}.video-thumb-img,.featured-thumb-img{object-fit:cover;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.fatvo-empty{text-align:center;background:var(--card-bg,var(--card-bg));border:1px solid var(--border-mid);max-width:480px;margin:60px auto 80px;padding:48px 32px}.fatvo-empty-arabic{font-family:var(--font-arabic-display), serif;color:var(--gold);opacity:.4;margin:0 0 14px;font-size:36px}.fatvo-empty-text{font-family:var(--font-ui), sans-serif;color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.6}.fatvo-empty-clear{border:.5px solid var(--gold-dim,color-mix(in srgb, var(--gold) 40%, transparent));color:var(--gold);font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;padding:9px 18px;font-size:11px;transition:background .2s,color .2s,border-color .2s}.fatvo-empty-clear:hover{background:linear-gradient(135deg, var(--deep) 0%, var(--background) 100%);border-color:var(--gold);color:var(--gold-bright)}.page-btn:disabled{opacity:.35;cursor:not-allowed}:root[data-theme=light] .fatvo-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] .fatvo-hero .hero-watermark{opacity:.12;text-shadow:0 0 60px color-mix(in srgb, var(--gold) 15%, transparent)}:root[data-theme=light] .featured-thumb,:root[data-theme=light] .video-thumb{background:linear-gradient(135deg, var(--deep) 0%, var(--card-bg) 60%, var(--background) 100%)}:root[data-theme=light] .tf-card,:root[data-theme=light] .tf-thumb{background:linear-gradient(180deg, var(--card-bg) 0%, var(--deep) 100%)}@media (min-width:769px){.fatvo-hero{min-height:85dvh}}