@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Bitcount+Grid+Double+Ink:wght@100..900&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Manrope:wght@200..800&display=swap";*{box-sizing:border-box;font-optical-sizing:auto;margin:0;padding:0;font-family:Manrope,sans-serif;font-style:normal;font-weight:600}.navbar{z-index:1000;background:#fff;border-bottom:1px solid #0000;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom-color:#e8e8e8;box-shadow:0 2px 8px #0000000d}.navbar .nav-container{justify-content:space-between;align-items:center;gap:24px;max-width:1400px;margin:0 auto;padding:12px 32px;display:flex}@media (width<=1200px){.navbar .nav-container{gap:20px;padding:12px 24px}}@media (width<=992px){.navbar .nav-container{gap:16px;padding:12px 20px}}@media (width<=768px){.navbar .nav-container{gap:12px;padding:10px 16px}}@media (width<=480px){.navbar .nav-container{gap:8px;padding:8px 12px}}.navbar .logo{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}@media (width<=480px){.navbar .logo{gap:8px}}.navbar .logo .footer-logo-icon{grid-template-columns:repeat(3,1fr);gap:4px;width:44px;height:44px;display:grid}@media (width<=768px){.navbar .logo .footer-logo-icon{gap:3px;width:38px;height:38px}}@media (width<=480px){.navbar .logo .footer-logo-icon{gap:2px;width:32px;height:32px}}.navbar .logo .footer-logo-icon span{background:linear-gradient(135deg,#78c043,#4f9d2f);border-radius:6px;width:100%;height:100%;transition:all .3s;display:block}@media (width<=480px){.navbar .logo .footer-logo-icon span{border-radius:4px}}.navbar .logo .footer-logo-icon span:nth-child(2){transform:translateY(6px)}@media (width<=480px){.navbar .logo .footer-logo-icon span:nth-child(2){transform:translateY(4px)}}.navbar .logo .footer-logo-icon span:nth-child(5){transform:translateY(6px)}@media (width<=480px){.navbar .logo .footer-logo-icon span:nth-child(5){transform:translateY(4px)}}.navbar .logo .footer-logo-text h2{color:#08090a;margin:0;font-size:28px;font-weight:700}@media (width<=992px){.navbar .logo .footer-logo-text h2{font-size:24px}}@media (width<=768px){.navbar .logo .footer-logo-text h2{font-size:20px}}@media (width<=480px){.navbar .logo .footer-logo-text h2{font-size:18px}}.navbar .search-form{flex:1;max-width:450px}@media (width<=992px){.navbar .search-form{max-width:350px}}@media (width<=768px){.navbar .search-form{flex:2;max-width:none}}@media (width<=480px){.navbar .search-form{flex:3}}.navbar .search-form .search-wrapper{align-items:center;display:flex;position:relative}.navbar .search-form .search-wrapper .search-icon{color:#999;position:absolute;left:14px}@media (width<=480px){.navbar .search-form .search-wrapper .search-icon{width:14px;height:14px;left:10px}}.navbar .search-form .search-wrapper input{background:#f8f9fa;border:1px solid #e8e8e8;border-radius:44px;width:100%;height:44px;padding:0 70px 0 42px;font-size:14px;transition:all .3s}@media (width<=992px){.navbar .search-form .search-wrapper input{height:40px;font-size:13px}}@media (width<=768px){.navbar .search-form .search-wrapper input{height:38px;padding:0 60px 0 38px}}@media (width<=480px){.navbar .search-form .search-wrapper input{height:34px;padding:0 50px 0 34px;font-size:12px}}.navbar .search-form .search-wrapper input:focus{background:#fff;border-color:#1677ff;outline:none;box-shadow:0 0 0 3px #1677ff1a}.navbar .search-form .search-wrapper .clear-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:14px;display:flex;position:absolute;right:48px}@media (width<=768px){.navbar .search-form .search-wrapper .clear-btn{right:42px}}@media (width<=480px){.navbar .search-form .search-wrapper .clear-btn{font-size:12px;right:36px}}.navbar .search-form .search-wrapper .clear-btn:hover{background:#e8e8e8}.navbar .search-form .search-wrapper .search-btn{cursor:pointer;color:#fff;background:#1677ff;border:none;border-radius:36px;justify-content:center;align-items:center;width:36px;transition:all .3s;display:flex;position:absolute;top:4px;bottom:4px;right:4px}@media (width<=768px){.navbar .search-form .search-wrapper .search-btn{width:32px}}@media (width<=480px){.navbar .search-form .search-wrapper .search-btn{width:28px;top:3px;bottom:3px;right:3px}}.navbar .search-form .search-wrapper .search-btn:hover{background:#0958d9}.navbar .desktop-menu{align-items:center;gap:8px;display:flex}@media (width<=992px){.navbar .desktop-menu{gap:4px}}@media (width<=768px){.navbar .desktop-menu{display:none}}.navbar .desktop-menu .nav-link{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:40px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}@media (width<=992px){.navbar .desktop-menu .nav-link{gap:6px;padding:6px 12px;font-size:13px}}.navbar .desktop-menu .nav-link:hover{color:#1677ff;background:#f5f5f5}.navbar .desktop-menu .nav-link.active{color:#1677ff;background:#e6f4ff}.navbar .mobile-btn{cursor:pointer;color:#333;background:0 0;border:none;border-radius:12px;flex-shrink:0;padding:8px;transition:all .3s;display:none}.navbar .mobile-btn:hover{background:#f5f5f5}@media (width<=768px){.navbar .mobile-btn{justify-content:center;align-items:center;display:flex}}@media (width<=480px){.navbar .mobile-btn{padding:6px}}.navbar .mobile-menu{z-index:1002;background:#fff;width:100%;max-width:320px;height:100vh;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 20px #0000001a}@media (width<=480px){.navbar .mobile-menu{max-width:280px}}.navbar .mobile-menu.open{right:0}.navbar .mobile-menu .mobile-menu-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:20px;display:flex}@media (width<=480px){.navbar .mobile-menu .mobile-menu-header{padding:16px}}.navbar .mobile-menu .mobile-menu-header .mobile-logo{background:linear-gradient(135deg,#1a1a1a,#1677ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}@media (width<=480px){.navbar .mobile-menu .mobile-menu-header .mobile-logo{font-size:18px}}.navbar .mobile-menu .mobile-menu-header .close-btn{cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}@media (width<=480px){.navbar .mobile-menu .mobile-menu-header .close-btn{width:32px;height:32px}}.navbar .mobile-menu .mobile-menu-header .close-btn:hover{background:#e8e8e8}.navbar .mobile-menu .mobile-menu-items{flex-direction:column;gap:8px;padding:16px;display:flex}@media (width<=480px){.navbar .mobile-menu .mobile-menu-items{gap:6px;padding:12px}}.navbar .mobile-menu .mobile-menu-items .mobile-link{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:16px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}@media (width<=480px){.navbar .mobile-menu .mobile-menu-items .mobile-link{gap:12px;padding:12px 14px;font-size:14px}}.navbar .mobile-menu .mobile-menu-items .mobile-link:hover{color:#1677ff;background:#f5f5f5}.navbar .overlay{z-index:1001;opacity:0;visibility:hidden;background:#00000080;transition:all .3s;position:fixed;inset:0}.navbar .overlay.visible{opacity:1;visibility:visible}@media (width<=768px) and (orientation:landscape){.navbar .mobile-menu{max-width:60%}.navbar .mobile-menu .mobile-menu-items .mobile-link{padding:10px 16px}}@media (width<=380px){.navbar .nav-container{padding:8px 12px}.navbar .logo .footer-logo-icon{width:28px;height:28px}.navbar .logo .footer-logo-text h2{font-size:16px}.navbar .search-form .search-wrapper input{height:32px;padding:0 45px 0 30px;font-size:11px}.navbar .search-form .search-wrapper .search-icon{width:12px;height:12px;left:8px}.navbar .search-form .search-wrapper .search-btn{width:26px}}@media (hover:none) and (pointer:coarse){.navbar .mobile-link{min-height:48px}}.book-card{color:#111827;z-index:1;width:100%;text-decoration:none;transition:transform .25s;display:block;position:relative}.book-card:hover{transform:translateY(-6px)}.book-card-image{z-index:1;background:#f1f5f9;border-radius:12px;width:200px;height:270px;margin-bottom:12px;position:relative;overflow:hidden}.book-card-image img{object-fit:cover;border-radius:20px;width:100%;height:100%;transition:transform .3s;display:block}.book-card-body{z-index:1;padding:0 6px;position:relative}.book-rating{align-items:center;gap:8px;margin-bottom:10px;display:flex}.book-rating .stars{align-items:center;gap:2px;display:flex}.book-rating span{color:#64748b;font-size:15px;font-weight:500}.book-author{color:#64748b;margin:0 0 4px;font-size:15px;line-height:1.4}.book-title{color:#111827;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:17px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}@media (width<=768px){.book-card-image{height:300px}.book-author{font-size:14px}.book-title{font-size:16px}}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}.mainn{width:100%;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 20px}.hero{background:linear-gradient(135deg,#eef4ff 0%,#e0e8f5 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:90vh;padding:100px 20px 60px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#1677ff14 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero:after{content:"";background:radial-gradient(circle,#22c55e0d 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-30%;left:-10%}.hero .hero-content{text-align:center;z-index:2;max-width:700px;margin:0 auto;position:relative}.hero .hero-content h1{color:#0f172a;margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.2}.hero .hero-content h1 span{background:linear-gradient(135deg,#1677ff,#16a34a);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (width<=768px){.hero .hero-content h1{font-size:36px}}.hero .hero-content p{color:#64748b;margin-bottom:32px;font-size:18px;line-height:1.6}@media (width<=768px){.hero .hero-content p{font-size:16px}}.hero .hero-content .hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero .hero-content .hero-buttons .btn-link{text-decoration:none}.hero .hero-content .hero-buttons button{cursor:pointer;border:none;border-radius:40px;align-items:center;gap:10px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.hero .hero-content .hero-buttons .primary{color:#fff;background:#1677ff;box-shadow:0 4px 14px #1677ff4d}.hero .hero-content .hero-buttons .primary:hover{background:#0958d9;transform:translateY(-2px);box-shadow:0 6px 20px #1677ff66}.hero .hero-content .hero-buttons .secondary{color:#1677ff;background:0 0;border:2px solid #1677ff}.hero .hero-content .hero-buttons .secondary:hover{color:#fff;background:#1677ff;transform:translateY(-2px)}.hero .hero-image{z-index:2;margin-top:60px;position:relative}.hero .hero-image img{object-fit:contain;width:100%;max-width:900px;height:auto}.hero .stats{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;background:#0009;border-radius:20px;justify-content:space-between;gap:20px;width:80%;max-width:800px;padding:20px 32px;display:flex;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}@media (width<=992px){.hero .stats{width:90%;padding:16px 24px;bottom:40px}}@media (width<=768px){.hero .stats{background:#00000080;flex-wrap:wrap;width:100%;margin-top:50px;position:relative;bottom:auto;left:auto;transform:none}}@media (width<=480px){.hero .stats{flex-direction:column;gap:12px}}.hero .stats .stat{color:#fff;align-items:center;gap:14px;display:flex}@media (width<=768px){.hero .stats .stat{flex:1;justify-content:center}}@media (width<=480px){.hero .stats .stat{justify-content:flex-start}}.hero .stats .stat .svg-container{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}@media (width<=768px){.hero .stats .stat .svg-container{width:40px;height:40px}}.hero .stats .stat .svg-container.blue{background:linear-gradient(135deg,#4da3ff,#1677ff)}.hero .stats .stat .svg-container.purple{background:linear-gradient(135deg,#c084fc,#a855f7)}.hero .stats .stat .svg-container.green{background:linear-gradient(135deg,#4ade80,#22c55e)}.hero .stats .stat div h2{margin:0 0 4px;font-size:28px;font-weight:700}@media (width<=768px){.hero .stats .stat div h2{font-size:22px}}.hero .stats .stat div span{opacity:.8;font-size:13px}.home-books{padding:80px 0}@media (width<=768px){.home-books{padding:50px 0}}.home-books .home-books-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}@media (width<=768px){.home-books .home-books-top{flex-direction:column;align-items:flex-start}}.home-books .home-books-title h1{color:#0f172a;margin-bottom:8px;font-size:32px;font-weight:700}@media (width<=768px){.home-books .home-books-title h1{font-size:24px}}.home-books .home-books-title p{color:#64748b;font-size:16px}.home-books .slider-buttons{gap:12px;display:flex}.home-books .slider-buttons .slider-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.home-books .slider-buttons .slider-btn:hover{color:#fff;background:#1677ff;border-color:#1677ff;transform:scale(1.05)}.books-loading{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}@media (width<=768px){.books-loading{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.book-card-skeleton{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.book-card-skeleton:before{content:"";background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;padding-top:140%;animation:1.5s infinite loading;display:block}.books-swiper{width:100%;padding:10px 0}.books-swiper .swiper-slide{justify-content:center;height:auto;display:flex}.books-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:60px 20px}.books-empty p{color:#64748b;font-size:16px}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px;display:flex}.error-state__icon{margin-bottom:20px;font-size:48px}.error-state p{color:#64748b;margin-bottom:24px;font-size:18px}.error-state button{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:40px;padding:12px 32px;font-size:14px;font-weight:600;transition:all .3s}.error-state button:hover{background:#0958d9;transform:translateY(-2px)}.news_section{background:#f8fafc;padding:40px 0}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1200px){.container{padding:0 16px}}@media (width<=768px){.books-swiper .swiper-slide{width:160px}}@media print{.hero .stats,.slider-buttons,.hero-buttons{display:none}}.audio-card{color:#111827;width:100%;text-decoration:none;transition:all .25s;display:block}.audio-card:hover{transform:translateY(-6px)}.audio-card-image{background:#f1f5f9;border-radius:16px;width:200px;height:320px;margin-bottom:12px;position:relative;overflow:hidden}.audio-card-image img{object-fit:cover;width:100%;height:100%;display:block}.audio-card-image .play-overlay{opacity:0;color:#fff;background:#0000004d;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;inset:0}.audio-card-image .play-overlay svg{background:#1677ff;border-radius:50%;width:50px;height:50px;padding:10px}.audio-card:hover .play-overlay{opacity:1}.audio-card-body{padding:0 6px}.audio-author{color:#64748b;margin:0 0 4px;font-size:14px}.audio-title{color:#111827;margin:0;font-size:17px;font-weight:700;line-height:1.3}@media (width<=768px){.audio-card-image{height:260px}.audio-title{font-size:16px}}.news{background:#eef4ff;padding:60px 0}.news .container{max-width:1200px;margin:0 auto;padding:0 20px}.news .news-top{text-align:center;margin-bottom:48px}.news .news-top h1{color:#222;margin-bottom:12px;font-size:36px;font-weight:700}@media (width<=768px){.news .news-top h1{font-size:28px}}.news .news-top p{color:#666;max-width:600px;margin:0 auto;font-size:18px}@media (width<=768px){.news .news-top p{font-size:16px}}.news .featured-news{background:linear-gradient(135deg,#fff 0%,#f8f9ff 100%);border-radius:24px;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px;transition:transform .3s,box-shadow .3s;display:grid;overflow:hidden;box-shadow:0 20px 40px #00000014}.news .featured-news:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0000001f}.news .featured-news .featured-image{height:100%;position:relative;overflow:hidden}.news .featured-news .featured-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.news .featured-news .featured-image:hover img{transform:scale(1.05)}.news .featured-news .featured-image .featured-badge{color:#fff;letter-spacing:.5px;z-index:1;background:linear-gradient(135deg,#ff6b6b,#ff4757);border-radius:30px;padding:8px 16px;font-size:14px;font-weight:600;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #00000026}.news .featured-news .featured-content{flex-direction:column;justify-content:center;padding:40px 40px 40px 0;display:flex}.news .featured-news .featured-content .featured-date{color:#888;letter-spacing:1px;margin-bottom:16px;font-size:14px;font-weight:600;display:inline-block}.news .featured-news .featured-content h2{color:#222;margin-bottom:20px;font-size:32px;font-weight:700;line-height:1.3}@media (width<=768px){.news .featured-news .featured-content h2{font-size:24px}}.news .featured-news .featured-content p{color:#555;margin-bottom:30px;font-size:16px;line-height:1.6}.news .featured-news .featured-content .featured-meta .read-more.featured{color:#fff;background:#1677ff;border-radius:40px;align-items:center;gap:10px;padding:12px 24px;font-size:16px;display:inline-flex}.news .featured-news .featured-content .featured-meta .read-more.featured:hover{background:#0958d9;gap:14px}.news .featured-news .featured-content .featured-meta .read-more.featured svg{stroke:#fff}.news .news-all-btn{text-align:center;margin-top:50px}.news .news-all-btn .all-news-btn{color:#1677ff;background:0 0;border:2px solid #1677ff;border-radius:40px;align-items:center;gap:12px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.news .news-all-btn .all-news-btn:hover{color:#fff;background:#1677ff;gap:16px;transform:translateY(-2px);box-shadow:0 6px 16px #1677ff4d}.news .news-all-btn .all-news-btn svg{transition:transform .3s}.news .news-all-btn .all-news-btn:hover svg{stroke:#fff;transform:translate(4px)}.news .featured-skeleton{background:#fff;border-radius:24px;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px;display:grid;overflow:hidden}.news .featured-skeleton .skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;height:400px;animation:1.5s infinite loading}.news .featured-skeleton .skeleton-content{padding:40px 40px 40px 0}.news .featured-skeleton .skeleton-content .skeleton-line{background:#f0f0f0;border-radius:8px;height:20px;margin-bottom:16px;animation:1.5s infinite loading}.news .featured-skeleton .skeleton-content .skeleton-line:first-child{width:30%}.news .featured-skeleton .skeleton-content .skeleton-line:nth-child(2){width:90%}.news .featured-skeleton .skeleton-content .skeleton-line.long{width:70%}.news .news-card-skeleton{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.news .news-card-skeleton .skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;height:200px;animation:1.5s infinite loading}.news .news-card-skeleton .skeleton-content{padding:20px}.news .news-card-skeleton .skeleton-content .skeleton-line{background:#f0f0f0;border-radius:4px;height:16px;margin-bottom:12px;animation:1.5s infinite loading}.news .news-card-skeleton .skeleton-content .skeleton-line:nth-child(2){width:80%}.news .news-card-skeleton .skeleton-content .skeleton-line.short{width:60%}.news .news-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.news .news-card{background:#fff;border-radius:16px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.news .news-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.news .news-card .news-image-wrapper{height:200px;overflow:hidden}.news .news-card .news-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.news .news-card .news-image-wrapper img:hover{transform:scale(1.05)}.news .news-card .news-info{padding:20px}.news .news-card .news-info .news-date{color:#888;margin-bottom:12px;font-size:14px;font-weight:500;display:inline-block}.news .news-card .news-info h3{color:#222;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.news .news-card .news-info .read-more{color:#1677ff;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:gap .3s;display:inline-flex}.news .news-card .news-info .read-more svg{transition:transform .3s}.news .news-card .news-info .read-more:hover{gap:12px;text-decoration:none}.news .news-card .news-info .read-more:hover svg{transform:translate(2px)}@media (width<=992px){.news .featured-news,.news .featured-skeleton{grid-template-columns:1fr;gap:0}.news .featured-news .featured-content,.news .featured-skeleton .featured-content{padding:30px}.news .featured-news .featured-image,.news .featured-skeleton .featured-image{height:300px}.news .featured-news .featured-skeleton .skeleton-content,.news .featured-skeleton .featured-skeleton .skeleton-content{padding:30px}.news .news-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.news{padding:40px 0}.news .news-grid{grid-template-columns:1fr;gap:20px}.news .featured-news .featured-content h2{font-size:24px}.news .news-all-btn{margin-top:40px}.news .news-all-btn .all-news-btn{padding:12px 28px;font-size:14px}}.news .news-error{text-align:center;background:#fff;border-radius:12px;padding:60px 20px}.news .news-error p{color:#ff4d4f;margin-bottom:20px;font-size:16px}.news .news-error .retry-btn{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:6px;padding:10px 24px;font-size:14px;transition:background .3s}.news .news-error .retry-btn:hover{background:#0958d9}.news .news-empty{text-align:center;background:#fff;border-radius:12px;padding:60px 20px}.news .news-empty p{color:#999;font-size:16px}.book-detail-page{background:#f7f7f8;width:100%;min-height:100vh;padding:120px 0 40px}.book-detail-page .book-detail-container{grid-template-columns:300px 1fr;align-items:start;gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:0 20px;display:grid}@media (width<=1200px){.book-detail-page .book-detail-container{grid-template-columns:280px 1fr;gap:20px}}@media (width<=992px){.book-detail-page .book-detail-container{grid-template-columns:1fr}}@media (width<=768px){.book-detail-page .book-detail-container{gap:18px;padding:0 14px}}@media (width<=768px){.book-detail-page .breadcrumbs{margin-bottom:20px;padding:10px 16px}}.book-detail-page .breadcrumbs .breadcrumb-link:hover,.book-detail-page .breadcrumbs .breadcrumb-link:hover svg{color:#08a64a}.book-detail-left .book-cover-box{background:#e5e7eb;border:1px solid #e5e7eb;border-radius:6px;width:100%;height:400px;margin-bottom:14px;overflow:hidden}.book-detail-left .book-cover-box img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=768px){.book-detail-left .book-cover-box{height:340px}}.book-detail-left .book-rating-box{background:#f0f3f6;border:1px solid #d9e0e7;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:68px;padding:14px;display:flex}.book-detail-right h1{color:#171717;letter-spacing:-.5px;margin:0 0 16px;font-size:42px;font-weight:700;line-height:1.15}@media (width<=1200px){.book-detail-right h1{font-size:36px}}@media (width<=992px){.book-detail-right h1{font-size:32px}}@media (width<=768px){.book-detail-right h1{margin-bottom:12px;font-size:26px}}.book-top-actions{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}@media (width<=992px){.book-top-actions{flex-direction:column;align-items:flex-start}}.book-top-actions .book-type-tabs{border-bottom:1px solid #d6dbe1;align-items:center;gap:24px;display:flex}.book-top-actions .book-type-tabs button{color:#7a8aa0;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 2px 10px;font-size:15px;font-weight:600;transition:all .2s}.book-top-actions .book-type-tabs button.active{color:#0ea44b;border-bottom-color:#0ea44b}.book-top-actions .share-btn{color:#1f2937;cursor:pointer;background:#eef2f5;border:1px solid #d9e0e7;border-radius:6px;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.book-top-actions .share-btn:hover{background:#e7edf2}@media (width<=768px){.book-top-actions .share-btn{justify-content:center;width:100%}}.book-author-row{color:#0ea44b;align-items:center;gap:6px;margin-bottom:14px;font-size:18px;font-weight:600;display:flex}@media (width<=768px){.book-author-row{margin-bottom:12px;font-size:16px}}.book-tags{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.book-tags span{color:#506176;background:#edf1f5;border:1px solid #dbe3eb;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:500;line-height:1.2}@media (width<=768px){.book-tags{gap:6px;margin-bottom:18px}.book-tags span{padding:7px 10px;font-size:12px}}.book-stats{flex-wrap:wrap;align-items:stretch;margin-bottom:24px;display:flex}.book-stats .book-stat-item{border-right:1px solid #d6dbe1;flex-direction:column;gap:4px;min-width:96px;padding:0 22px;display:flex}.book-stats .book-stat-item:first-child{padding-left:0}.book-stats .book-stat-item:last-child{border-right:none;padding-right:0}.book-stats .book-stat-item strong{color:#111827;font-size:17px;font-weight:700;line-height:1.2}.book-stats .book-stat-item span{color:#6b7280;font-size:13px;line-height:1.3}.book-stats .book-stat-item .stat-main{align-items:center;gap:6px;display:flex}@media (width<=768px){.book-stats{gap:14px}.book-stats .book-stat-item{border-right:none;min-width:auto;padding:0}}.book-actions{margin-bottom:24px}.book-actions .read-btn{color:#fff;background:#08a64a;border-radius:6px;align-items:center;gap:8px;height:46px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.book-actions .read-btn:hover{background:#08913f}@media (width<=768px){.book-actions .read-btn{justify-content:center;width:100%}}.book-content-tabs{border-bottom:1px solid #d6dbe1;align-items:center;gap:4px;margin-bottom:14px;display:flex}.book-content-tabs button{color:#4b5563;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 20px 10px;font-size:15px;font-weight:500;transition:all .2s}.book-content-tabs button.active{color:#08a64a;border-bottom-color:#08a64a}@media (width<=768px){.book-content-tabs button{padding:0 14px 10px;font-size:14px}}.book-content-box{max-width:1000px}.book-content-box p{color:#1f2937;margin:0;font-size:16px;line-height:1.75}.book-content-box .empty-reviews{color:#6b7280;font-size:15px}@media (width<=768px){.book-content-box p{font-size:15px}}.book-detail-loading{color:#374151;background:#f7f7f8;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}.share-wrapper{position:relative}.share-popup{z-index:20;background:#fff;border:1px solid #e4e7eb;border-radius:6px;width:220px;padding:12px;animation:.18s shareFade;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 30px #0f172a14}@media (width<=768px){.share-popup{width:100%;min-width:200px;left:0;right:auto}}.share-popup-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.share-popup-header h4{color:#111827;margin:0;font-size:14px;font-weight:700}.share-popup-header .close-share-btn{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.share-popup-header .close-share-btn:hover{background:#e5e7eb}.share-popup-links{flex-direction:column;gap:8px;display:flex}.share-item{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.share-item span{font-size:14px;font-weight:500}.share-item .share-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.share-item:hover{background:#f3f4f6;transform:translateY(-1px)}.share-item.telegram .share-icon{color:#08c;background:#0088cc1f}.share-item.facebook .share-icon{color:#1877f2;background:#1877f21f}.share-item.instagram .share-icon{color:#e1306c;background:#e1306c1f}@keyframes shareFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.book-reader-page{background:#f3f4f6;flex-direction:column;min-height:100vh;margin-top:50px;display:flex}.reader-topbar{z-index:20;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.reader-topbar h2{color:#111827;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:50%;margin:0;font-size:24px;font-weight:600;overflow:hidden}.reader-topbar .back-btn{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:16px;transition:all .2s}.reader-topbar .back-btn:hover{color:#1677ff;background:#f3f4f6}.reader-topbar .topbar-empty{width:120px}.reader-body{flex:1;justify-content:center;align-items:flex-start;min-height:calc(100vh - 200px);padding:24px;display:flex;overflow:auto}.reader-body .react-pdf__Document{justify-content:center;width:100%;display:flex}.reader-body .react-pdf__Page{background:#fff;border-radius:6px;transition:all .3s;overflow:hidden;box-shadow:0 8px 30px #00000014}.reader-body canvas{max-width:100%;display:block;height:auto!important}.reader-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#fffffff2;border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:sticky;bottom:0}.reader-controls button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:80px;padding:10px 16px;font-size:15px;transition:all .2s}.reader-controls button:hover:not(:disabled){color:#1677ff;background:#f0f7ff;border-color:#1677ff;transform:translateY(-1px)}.reader-controls button:active:not(:disabled){transform:translateY(0)}.reader-controls button:disabled{opacity:.5;cursor:not-allowed}.reader-controls .page-info,.reader-controls .zoom-info{text-align:center;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:70px;padding:10px 14px;font-size:16px;font-weight:600}.reader-controls .page-info span:first-child{color:#1677ff}.reader-loading{color:#374151;background:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}@media (width<=768px){.reader-topbar{padding:0 12px}.reader-topbar h2{max-width:60%;font-size:18px}.reader-topbar .back-btn{padding:6px 10px;font-size:14px}.reader-topbar .topbar-empty{display:none}.reader-body{padding:12px}.reader-controls{flex-wrap:wrap;gap:8px;padding:12px}.reader-controls button{min-width:70px;padding:8px 12px;font-size:14px}.reader-controls .page-info,.reader-controls .zoom-info{min-width:60px;padding:8px 12px;font-size:14px}}.reader-body::-webkit-scrollbar{width:8px;height:8px}.reader-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.reader-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.reader-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.book-detail-page{background:linear-gradient(#f5f9ff 0%,#fff 100%);min-height:100vh;padding:120px 20px}.book-detail-page .book-detail-container{grid-template-columns:320px 1fr;align-items:flex-start;gap:50px;max-width:1200px;margin:0 auto;display:grid}@media (width<=768px){.book-detail-page .book-detail-container{grid-template-columns:1fr;gap:30px}}.book-detail-page .breadcrumbs{background:#fff;border:1px solid #eef2f6;border-radius:16px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;margin-bottom:32px;padding:12px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.book-detail-page .breadcrumbs .breadcrumb-link{color:#64748b;align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.book-detail-page .breadcrumbs .breadcrumb-link svg{color:#94a3b8}.book-detail-page .breadcrumbs .breadcrumb-link:hover,.book-detail-page .breadcrumbs .breadcrumb-link:hover svg{color:#1677ff}.book-detail-page .breadcrumbs .breadcrumb-current{color:#1a1a1a;font-size:14px;font-weight:600}.book-detail-page .breadcrumbs .separator{color:#cbd5e1;align-items:center;display:flex}.book-detail-page .breadcrumbs .separator svg{color:#cbd5e1}.book-detail-page .book-detail-left .book-cover-box img{object-fit:cover;border-radius:18px;width:100%;box-shadow:0 12px 40px #0000001f}.book-detail-page .book-detail-left .book-rating-box{justify-content:center;align-items:center;gap:8px;margin-top:20px;display:flex}.book-detail-page .book-detail-right .book-top-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.book-detail-page .book-detail-right .book-type-tabs{background:#f1f5f9;border-radius:12px;gap:8px;padding:4px;display:flex}.book-detail-page .book-detail-right .book-type-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .3s}.book-detail-page .book-detail-right .book-type-tabs button:hover{color:#1677ff}.book-detail-page .book-detail-right .book-type-tabs button.active{color:#1677ff;background:#fff;box-shadow:0 2px 4px #0000000d}.book-detail-page .book-detail-right .share-wrapper{position:relative}.book-detail-page .book-detail-right .share-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:40px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.book-detail-page .book-detail-right .share-btn:hover{color:#1677ff;background:#e2e8f0}.book-detail-page .book-detail-right .share-popup{z-index:20;background:#fff;border:1px solid #e4e7eb;border-radius:12px;width:220px;padding:12px;animation:.18s shareFade;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 30px #0f172a14}@media (width<=768px){.book-detail-page .book-detail-right .share-popup{width:100%;min-width:200px;left:0;right:auto}}.book-detail-page .book-detail-right .share-popup-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.book-detail-page .book-detail-right .share-popup-header h4{color:#111827;margin:0;font-size:14px;font-weight:700}.book-detail-page .book-detail-right .share-popup-header .close-share-btn{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.book-detail-page .book-detail-right .share-popup-header .close-share-btn:hover{background:#e5e7eb}.book-detail-page .book-detail-right .share-popup-links{flex-direction:column;gap:8px;display:flex}.book-detail-page .book-detail-right .share-item{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.book-detail-page .book-detail-right .share-item span{font-size:14px;font-weight:500}.book-detail-page .book-detail-right .share-item .share-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.book-detail-page .book-detail-right .share-item:hover{background:#f3f4f6;transform:translateY(-1px)}.book-detail-page .book-detail-right .share-item.telegram .share-icon{color:#08c;background:#0088cc1f}.book-detail-page .book-detail-right .share-item.facebook .share-icon{color:#1877f2;background:#1877f21f}.book-detail-page .book-detail-right .share-item.instagram .share-icon{color:#e1306c;background:#e1306c1f}.book-detail-page .book-detail-right .book-author-row{align-items:center;gap:6px;margin-bottom:12px;display:flex}.book-detail-page .book-detail-right .book-author-row span{color:#64748b;font-size:15px}.book-detail-page .book-detail-right .book-author-row svg{color:#cbd5e1}.book-detail-page .book-detail-right h1{color:#0f172a;margin-bottom:18px;font-size:36px;font-weight:700}@media (width<=768px){.book-detail-page .book-detail-right h1{font-size:28px}}.book-detail-page .book-detail-right .book-tags{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.book-detail-page .book-detail-right .book-tags span{color:#1677ff;background:#f1f5ff;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}.book-detail-page .book-detail-right .book-stats{border-bottom:1px solid #eef2f6;flex-wrap:wrap;gap:30px;margin-bottom:30px;padding-bottom:24px;display:flex}.book-detail-page .book-detail-right .book-stats .book-stat-item{flex-direction:column;gap:4px;display:flex}.book-detail-page .book-detail-right .book-stats .book-stat-item .stat-main{align-items:center;gap:6px;display:flex}.book-detail-page .book-detail-right .book-stats .book-stat-item .stat-main strong,.book-detail-page .book-detail-right .book-stats .book-stat-item strong{color:#0f172a;font-size:18px}.book-detail-page .book-detail-right .book-stats .book-stat-item span{color:#94a3b8;font-size:13px}.book-detail-page .book-detail-right .book-actions{margin-bottom:32px}.book-detail-page .book-detail-right .book-actions .read-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1677ff,#4da3ff);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:500;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px #1677ff4d}.book-detail-page .book-detail-right .book-actions .read-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1677ff66}.book-detail-page .book-detail-right .book-content-tabs{border-bottom:1px solid #eef2f6;gap:24px;margin-bottom:24px;display:flex}.book-detail-page .book-detail-right .book-content-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;padding:12px 0;font-size:16px;font-weight:600;transition:all .3s;position:relative}.book-detail-page .book-detail-right .book-content-tabs button:after{content:"";background:#1677ff;width:0;height:2px;transition:width .3s;position:absolute;bottom:-1px;left:0}.book-detail-page .book-detail-right .book-content-tabs button:hover,.book-detail-page .book-detail-right .book-content-tabs button.active{color:#1677ff}.book-detail-page .book-detail-right .book-content-tabs button.active:after{width:100%}.book-detail-page .book-detail-right .book-content-box p{color:#475569;margin-bottom:0;font-size:16px;line-height:1.7}.audio-player{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:999;background:#eaf2fff2;border-top:1px solid #dbeafe;width:100%;padding:18px 20px;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #00000014}.audio-player .player{max-width:900px;margin:0 auto}.audio-player .top{text-align:center;margin-bottom:8px}.audio-player .top h4{color:#1677ff;font-size:15px;font-weight:600}.audio-player .controls{justify-content:center;align-items:center;gap:24px;margin:12px 0;display:flex}.audio-player .controls button{cursor:pointer;color:#1677ff;background:0 0;border:none;transition:all .2s}.audio-player .controls button:hover{transform:scale(1.15)}.audio-player .controls .play{color:#fff;background:linear-gradient(135deg,#1677ff,#4da3ff);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 6px 20px #1677ff59}.audio-player .progress{align-items:center;gap:12px;display:flex}.audio-player .progress span{color:#334155;text-align:center;width:40px;font-size:13px}.audio-player .progress input{appearance:none;cursor:pointer;background:#dbeafe;border-radius:10px;outline:none;flex:1;height:5px}.audio-player .progress input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1677ff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #1677ff80}.audio-loading{color:#334155;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}@media (width<=768px){.book-detail-page{padding:100px 16px 120px}.book-detail-page .breadcrumbs{padding:10px 16px}.book-detail-page .breadcrumbs .breadcrumb-link,.book-detail-page .breadcrumbs .breadcrumb-current{font-size:12px}.book-detail-page .book-detail-right h1{font-size:24px}.book-detail-page .book-detail-right .book-stats{gap:20px}.book-detail-page .book-detail-right .read-btn{padding:12px 24px;font-size:14px}}.audio-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffffa;border-top:1px solid #e5e7eb;padding:12px 24px;transition:all .3s;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000d}@media (width<=768px){.audio-player{padding:10px 16px}}.audio-player.expanded{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0}.player-container{max-width:1200px;margin:0 auto}@media (width<=768px){.player-container{max-width:100%}}.mini-player{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}@media (width<=768px){.mini-player{gap:12px}}.player-info{align-items:center;gap:12px;min-width:200px;display:flex}.player-info .player-thumb{object-fit:cover;background:#f3f4f6;border-radius:8px;width:48px;height:48px}@media (width<=768px){.player-info .player-thumb{width:40px;height:40px}}.player-info .player-meta .player-title{color:#1f2937;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 2px;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}@media (width<=768px){.player-info .player-meta .player-title{font-size:12px}}.player-info .player-meta .player-author{color:#6b7280;font-size:12px}.player-controls{align-items:center;gap:12px;display:flex}.player-controls .control-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.player-controls .control-btn:hover{background:#e5e7eb;transform:scale(1.05)}.player-controls .control-btn .btn-label{color:#9ca3af;font-size:10px;font-weight:500;position:absolute;bottom:-18px}@media (width<=768px){.player-controls .control-btn{width:32px;height:32px}}.player-controls .play-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 4px 12px #16a34a4d}.player-controls .play-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #16a34a66}@media (width<=768px){.player-controls .play-btn{width:40px;height:40px}}.player-extras{align-items:center;gap:8px;display:flex}.player-extras .extras-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.player-extras .extras-btn:hover{color:#16a34a;background:#f3f4f6}.player-extras .extras-btn svg.active{color:#16a34a}@media (width<=768px){.player-extras .extras-btn{width:32px;height:32px}}.progress-section{border-top:1px solid #f3f4f6;align-items:center;gap:12px;margin-top:8px;padding-top:8px;display:flex}.progress-section .time-current,.progress-section .time-duration{color:#9ca3af;min-width:40px;font-size:12px}.progress-section .progress-bar{flex:1;position:relative}.progress-section .progress-bar .progress-input{-webkit-appearance:none;cursor:pointer;border-radius:10px;width:100%;height:4px}.progress-section .progress-bar .progress-input::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#16a34a;border-radius:50%;width:12px;height:12px;transition:transform .2s;box-shadow:0 2px 6px #0003}.progress-section .progress-bar .progress-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.progress-section .progress-bar .progress-input::-moz-range-thumb{cursor:pointer;background:#16a34a;border-radius:50%;width:12px;height:12px}.expanded-player{z-index:1001;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.expanded-player .expanded-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;position:absolute;inset:0}.expanded-player .expanded-content{z-index:1;text-align:center;background:linear-gradient(135deg,#1f2937,#111827);border-radius:32px;width:90%;max-width:500px;padding:40px;animation:.3s slideUp;position:relative}@media (width<=768px){.expanded-player .expanded-content{width:95%;padding:30px 24px}}.expanded-player .close-expanded{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.expanded-player .close-expanded:hover{background:#fff3;transform:rotate(90deg)}.expanded-player .expanded-artwork{margin-bottom:24px}.expanded-player .expanded-artwork img{object-fit:cover;border-radius:20px;width:200px;height:200px;box-shadow:0 20px 40px #0000004d}.expanded-player .expanded-artwork .artwork-placeholder{color:#6b7280;background:linear-gradient(135deg,#374151,#1f2937);border-radius:20px;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto;display:flex}.expanded-player .expanded-info{margin-bottom:32px}.expanded-player .expanded-info h2{color:#fff;margin-bottom:8px;font-size:24px;font-weight:700}@media (width<=768px){.expanded-player .expanded-info h2{font-size:20px}}.expanded-player .expanded-info p{color:#9ca3af;font-size:14px}.expanded-player .expanded-controls{justify-content:center;align-items:center;gap:32px;margin-bottom:32px;display:flex}.expanded-player .expanded-controls .expanded-skip{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex;position:relative}.expanded-player .expanded-controls .expanded-skip span{color:#9ca3af;font-size:11px;position:absolute;bottom:-20px}.expanded-player .expanded-controls .expanded-skip:hover{background:#fff3;transform:scale(1.05)}.expanded-player .expanded-controls .expanded-play{cursor:pointer;color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex;box-shadow:0 8px 24px #16a34a66}.expanded-player .expanded-controls .expanded-play:hover{transform:scale(1.05);box-shadow:0 12px 32px #16a34a80}.expanded-player .expanded-progress{align-items:center;gap:16px;margin-bottom:32px;display:flex}.expanded-player .expanded-progress span{color:#9ca3af;min-width:45px;font-size:13px}.expanded-player .expanded-progress .progress-bar.large{flex:1}.expanded-player .expanded-progress .progress-bar.large input{width:100%;height:6px}.expanded-player .expanded-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;display:flex}.expanded-player .expanded-actions .volume-control{align-items:center;gap:12px;display:flex}.expanded-player .expanded-actions .volume-control button{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.expanded-player .expanded-actions .volume-control button:hover{background:#fff3}.expanded-player .expanded-actions .volume-control .volume-slider{-webkit-appearance:none;background:#374151;border-radius:10px;width:100px;height:4px}.expanded-player .expanded-actions .volume-control .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#16a34a;border-radius:50%;width:12px;height:12px}.expanded-player .expanded-actions .playback-controls{gap:12px;display:flex}.expanded-player .expanded-actions .playback-controls button{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:40px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:all .2s;display:flex}.expanded-player .expanded-actions .playback-controls button:hover{background:#fff3}.expanded-player .expanded-actions .playback-controls button.active{color:#fff;background:#16a34a}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.mini-player .player-info{min-width:auto}.player-extras .extras-btn{display:none}}.all-books-page{background:#f8fafc;min-height:100vh;padding:100px 20px 60px}.all-books-page .container{max-width:1400px;margin:0 auto}.all-books-page .library-space{height:0}.all-books-page .all-loading{text-align:center;color:#64748b;padding:80px 20px;font-size:18px}.all-books-page .breadcrumbs{background:#fff;border:1px solid #eef2f6;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;padding:12px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.all-books-page .breadcrumbs .breadcrumb-link{color:#64748b;align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.all-books-page .breadcrumbs .breadcrumb-link svg{color:#94a3b8}.all-books-page .breadcrumbs .breadcrumb-link:hover,.all-books-page .breadcrumbs .breadcrumb-link:hover svg{color:#1677ff}.all-books-page .breadcrumbs .breadcrumb-link.active{color:#1677ff;font-weight:600}.all-books-page .breadcrumbs .breadcrumb-current{color:#1a1a1a;font-size:14px;font-weight:600}.all-books-page .breadcrumbs .separator{color:#cbd5e1;align-items:center;display:flex}.all-books-page .breadcrumbs .separator svg{color:#cbd5e1}.all-books-layout{grid-template-columns:280px 1fr;align-items:start;gap:40px;display:grid}@media (width<=992px){.all-books-layout{grid-template-columns:250px 1fr;gap:30px}}@media (width<=768px){.all-books-layout{grid-template-columns:1fr;gap:30px}}.genres-sidebar{background:#fff;border:1px solid #eef2f6;border-radius:20px;padding:24px;position:sticky;top:100px;box-shadow:0 1px 3px #0000000d}@media (width<=768px){.genres-sidebar{position:static;top:0}}.genres-box{background:0 0}.genres-head{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.genres-head h2{color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.genres-head span{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:13px}.genre-list{flex-direction:column;gap:4px;display:flex}.genre-item{text-align:left;cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:12px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.genre-item .genre-name{align-items:center;gap:10px;display:flex}.genre-item .genre-name svg{opacity:.6;width:18px;height:18px}.genre-item .genre-count{color:#94a3b8;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:12px;transition:all .2s}.genre-item:hover{color:#1a1a1a;background:#f8fafc}.genre-item:hover .genre-count{color:#475569;background:#e2e8f0}.genre-item.active{color:#1677ff;background:#eef2ff;font-weight:600}.genre-item.active .genre-name svg{opacity:1;color:#1677ff}.genre-item.active .genre-count{color:#1677ff;background:#dbeafe}.all-books-content{width:100%}.all-section{margin-bottom:48px}.all-section:last-child{margin-bottom:0}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.section-header h1{color:#1a1a1a;margin:0;font-size:24px;font-weight:700;display:inline-block;position:relative}.section-header h1:after{content:"";background:linear-gradient(90deg,#1677ff,#16a34a);border-radius:3px;width:50px;height:3px;position:absolute;bottom:-8px;left:0}.section-header .section-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:4px 12px;font-size:14px}.books-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.empty-section{text-align:center;background:#fff;border:1px solid #eef2f6;border-radius:16px;padding:60px 20px}.empty-section .empty-icon{margin-bottom:16px;font-size:48px}.empty-section p{color:#64748b;margin:0;font-size:16px}@media (width<=768px){.all-books-page{padding:80px 16px 40px}.breadcrumbs{padding:10px 16px}.breadcrumbs .breadcrumb-link,.breadcrumbs .breadcrumb-current{font-size:12px}.section-header{flex-direction:column;align-items:flex-start}.section-header h1{font-size:20px}.books-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}}@media (width<=480px){.books-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}.footer{width:100%;position:relative}.footer .footer-container{width:100%;max-width:1400px;margin:0 auto;padding:0 40px}@media (width<=768px){.footer .footer-container{padding:0 20px}}.footer .scroll-top-btn{color:#fff;cursor:pointer;z-index:1000;background:#1677ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;animation:.3s fadeInUp;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 12px #00000026}.footer .scroll-top-btn:hover{background:#0958d9;transform:translateY(-3px);box-shadow:0 6px 16px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer .footer-top{background:linear-gradient(135deg,#f8f9fa 0%,#eef2f7 100%);padding:80px 0 100px;position:relative;overflow:hidden}.footer .footer-top:before{content:"";background:radial-gradient(circle,#1677ff0d 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-10%}.footer .footer-top:after{content:"";background:radial-gradient(circle,#16a34a0d 0%,#0000 70%);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-30%;left:-5%}.footer .footer-header{text-align:center;margin-bottom:60px}.footer .footer-header .footer-title{background:linear-gradient(135deg,#1f2a44,#2d3a5e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:52px;font-weight:700}@media (width<=768px){.footer .footer-header .footer-title{font-size:38px}}.footer .footer-header .footer-subtitle{color:#6b7a90;max-width:600px;margin:0 auto;font-size:18px}.footer .footer-contact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.footer .footer-contact-card{background:#fff;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 4px 12px #0000000d}.footer .footer-contact-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a}.footer .footer-contact-card .footer-contact-heading{align-items:center;gap:14px;margin-bottom:20px;display:flex}.footer .footer-contact-card .footer-contact-heading .icon-wrapper{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.footer .footer-contact-card .footer-contact-heading .icon-wrapper svg{color:#fff}.footer .footer-contact-card .footer-contact-heading h3{color:#1f2a44;margin:0;font-size:24px;font-weight:700}@media (width<=768px){.footer .footer-contact-card .footer-contact-heading h3{font-size:20px}}.footer .footer-contact-card .contact-value-link,.footer .footer-contact-card .contact-value{color:#6b7a90;margin:0;font-size:16px;line-height:1.6;text-decoration:none;transition:color .3s}.footer .footer-contact-card .contact-value-link{display:inline-block}.footer .footer-contact-card .contact-value-link:hover{color:#1677ff}.footer .footer-bottom{background:linear-gradient(135deg,#0f1a2e 0%,#162541 100%);padding:60px 0 40px;position:relative}.footer .footer-brand-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;margin-bottom:50px;display:flex}@media (width<=768px){.footer .footer-brand-row{flex-direction:column;align-items:flex-start}}.footer .footer-logo{align-items:center;gap:18px;display:flex}.footer .footer-logo .footer-logo-icon{grid-template-columns:repeat(3,1fr);gap:4px;width:52px;height:52px;display:grid}.footer .footer-logo .footer-logo-icon span{background:linear-gradient(135deg,#78c043,#4f9d2f);border-radius:8px;width:100%;height:100%;transition:all .3s;display:block}.footer .footer-logo .footer-logo-icon span:nth-child(2),.footer .footer-logo .footer-logo-icon span:nth-child(5){transform:translateY(8px)}.footer .footer-logo .footer-logo-text h2{color:#fff;margin:0 0 4px;font-size:32px;font-weight:700}.footer .footer-logo .footer-logo-text p{color:#fff9;margin:0;font-size:14px}.footer .footer-social-links .social-label{color:#ffffffb3;margin-right:15px;font-size:14px}.footer .footer-social-links .footer-socials{flex-wrap:wrap;gap:12px;display:inline-flex}.footer .footer-social-links .footer-socials .social-link{color:#fff;background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:all .3s;display:inline-flex}.footer .footer-social-links .footer-socials .social-link:hover{background:var(--hover-color);transform:translateY(-3px)}.footer .footer-main-row{grid-template-columns:1fr auto;gap:60px;margin-bottom:50px;display:grid}@media (width<=768px){.footer .footer-main-row{grid-template-columns:1fr;gap:40px}}.footer .footer-info .footer-description{color:#ffffffb3;max-width:400px;margin-bottom:25px;font-size:15px;line-height:1.6}.footer .footer-info .footer-stats{flex-wrap:wrap;gap:30px;display:flex}.footer .footer-info .footer-stats .stat-item{flex-direction:column;display:flex}.footer .footer-info .footer-stats .stat-item .stat-number{color:#fff;margin-bottom:4px;font-size:28px;font-weight:700}.footer .footer-info .footer-stats .stat-item .stat-label{color:#fff9;font-size:13px}.footer .footer-menu{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.footer .footer-menu li a{color:#ffffffb3;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.footer .footer-menu li a:hover{color:#fff;transform:translate(5px)}.footer .footer-menu li a.active{color:#1677ff}.footer .footer-line{background:#ffffff1a;width:100%;height:1px;margin-bottom:30px}.footer .footer-bottom-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;display:flex}@media (width<=768px){.footer .footer-bottom-row{flex-direction:column;align-items:flex-start}}.footer .footer-bottom-row .copyright{color:#fff9;margin:0;font-size:14px}.footer .footer-bottom-row .footer-legal{gap:25px;display:flex}.footer .footer-bottom-row .footer-legal a{color:#fff9;font-size:14px;text-decoration:none;transition:color .3s}.footer .footer-bottom-row .footer-legal a:hover{color:#fff}.footer .footer-bottom-row .footer-language{color:#fff9;align-items:center;gap:8px;display:flex}.footer .footer-bottom-row .footer-language .language-select{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:6px 12px;font-size:14px}.footer .footer-bottom-row .footer-language .language-select option{background:#162541}.footer .footer-bottom-row .footer-language .language-select:hover{border-color:#fff6}@media (width<=1100px){.footer .footer-contact-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.footer .footer-contact-grid,.footer .footer-main-row{grid-template-columns:1fr}.footer .footer-bottom-row{text-align:center;flex-direction:column;align-items:center}.footer .footer-legal{justify-content:center}}.resume-page{min-height:100vh;margin-top:50px;position:relative}.resume-page .resume-actions{z-index:1000;opacity:0;gap:12px;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px;transform:translateY(100px)}.resume-page .resume-actions.visible{opacity:1;transform:translateY(0)}.resume-page .resume-actions .action-btn{cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000026}.resume-page .resume-actions .action-btn.print{color:#333;background:#fff}.resume-page .resume-actions .action-btn.print:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.resume-page .resume-actions .action-btn.download{color:#fff;background:#1677ff}.resume-page .resume-actions .action-btn.download:hover{background:#0958d9;transform:translateY(-2px)}.resume-page .resume{justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex}.resume-page .resume__card{background:#fff;border-radius:24px;width:100%;max-width:1000px;padding:48px 56px;transition:transform .3s;position:relative;box-shadow:0 25px 50px #00000026}@media (width<=768px){.resume-page .resume__card{padding:32px 24px}}@media print{.resume-page .resume__card{box-shadow:none;padding:20px}.resume-page .resume__card .resume-actions{display:none}}.resume-page .resume__header{border-bottom:2px solid #e2e8f0;gap:40px;margin-bottom:32px;padding-bottom:32px;display:flex;position:relative}.resume-page .resume__header:before{content:"";background:linear-gradient(90deg,#1677ff,#16a34a);width:80px;height:2px;position:absolute;bottom:-2px;left:0}@media (width<=768px){.resume-page .resume__header{flex-direction:column-reverse;gap:24px}}.resume-page .resume__header-content{flex:1}.resume-page .resume__badge{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#1677ff,#16a34a);border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.resume-page .resume__name{color:#0f172a;margin-bottom:16px;font-size:34px;font-weight:800;line-height:1.2}@media (width<=768px){.resume-page .resume__name{font-size:28px}}.resume-page .resume__position-badge{background:#f1f5f9;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.resume-page .resume__position-badge svg{color:#1677ff;flex-shrink:0;margin-top:2px}.resume-page .resume__position{color:#334155;margin:0;font-size:15px;font-weight:500;line-height:1.5}.resume-page .resume__organization{color:#64748b;margin:0;padding-left:32px;font-size:14px}.resume-page .resume__photo-wrapper{flex-shrink:0}@media (width<=768px){.resume-page .resume__photo-wrapper{justify-content:center;display:flex}}.resume-page .resume__photo-frame{border:3px solid #fff;border-radius:16px;width:150px;height:180px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.resume-page .resume__photo{object-fit:cover;width:100%;height:100%}.resume-page .resume__section{margin-bottom:32px}.resume-page .resume__section:last-child{margin-bottom:0}.resume-page .resume .section-header{border-bottom:2px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:8px;display:flex}.resume-page .resume .section-header svg{color:#1677ff}.resume-page .resume__section-title{text-transform:uppercase;letter-spacing:.05em;color:#1e293b;margin:0;font-size:18px;font-weight:700}.resume-page .resume .info-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.resume-page .resume .info-cards .info-card{background:#f8fafc;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .3s;display:flex}.resume-page .resume .info-cards .info-card:hover{background:#f1f5f9;transform:translate(5px)}.resume-page .resume .info-cards .info-card .info-card-icon{color:#1677ff;background:linear-gradient(135deg,#1677ff20,#16a34a20);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.resume-page .resume .info-cards .info-card .info-card-content{flex-direction:column;display:flex}.resume-page .resume .info-cards .info-card .info-card-content .info-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.resume-page .resume .info-cards .info-card .info-card-content .info-card-value{color:#0f172a;font-size:15px;font-weight:600}.resume-page .resume .education-timeline .education-item{border-bottom:1px solid #f1f5f9;gap:20px;padding:12px 0;display:flex}.resume-page .resume .education-timeline .education-item:last-child{border-bottom:none}.resume-page .resume .education-timeline .education-item .education-year{color:#1677ff;min-width:80px;font-size:16px;font-weight:700}.resume-page .resume .education-timeline .education-item .education-content .education-degree{color:#0f172a;margin-bottom:4px;font-weight:600}.resume-page .resume .education-timeline .education-item .education-content .education-institution{color:#64748b;font-size:14px}.resume-page .resume__two-columns{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px;display:grid}@media (width<=768px){.resume-page .resume__two-columns{grid-template-columns:1fr;gap:24px}}.resume-page .resume .specialties-list{flex-direction:column;gap:12px;display:flex}.resume-page .resume .specialties-list .specialty-item{color:#334155;background:#f8fafc;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:flex}.resume-page .resume .specialties-list .specialty-item svg{color:#1677ff}.resume-page .resume .info-list{flex-direction:column;gap:12px;display:flex}.resume-page .resume .info-list.horizontal{flex-flow:wrap}.resume-page .resume .info-list.horizontal .info-row{flex:1;min-width:200px}.resume-page .resume .info-list .info-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding:8px 0;display:flex}.resume-page .resume .info-list .info-row .info-label{color:#475569;font-size:14px;font-weight:600}.resume-page .resume .info-list .info-row .info-value{color:#0f172a;font-size:14px}.resume-page .resume .skills-section{margin-top:24px}.resume-page .resume .skills-section .skills-title{color:#1e293b;margin-bottom:16px;font-size:14px;font-weight:600}.resume-page .resume .skills-section .skill-item{margin-bottom:16px}.resume-page .resume .skills-section .skill-item .skill-info{justify-content:space-between;margin-bottom:6px;display:flex}.resume-page .resume .skills-section .skill-item .skill-info .skill-name{color:#475569;font-size:13px}.resume-page .resume .skills-section .skill-item .skill-info .skill-percent{color:#1677ff;font-size:12px;font-weight:600}.resume-page .resume .skills-section .skill-item .skill-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.resume-page .resume .skills-section .skill-item .skill-bar .skill-progress{background:linear-gradient(90deg,#1677ff,#16a34a);border-radius:3px;height:100%;transition:width 1s}.resume-page .resume .timeline{position:relative}.resume-page .resume .timeline .timeline-item{gap:20px;margin-bottom:24px;display:flex}.resume-page .resume .timeline .timeline-item:last-child{margin-bottom:0}.resume-page .resume .timeline .timeline-item:last-child .timeline-line{display:none}.resume-page .resume .timeline .timeline-item.current .timeline-dot{background:#16a34a;box-shadow:0 0 0 4px #16a34a33}.resume-page .resume .timeline .timeline-item .timeline-marker{min-width:24px;position:relative}.resume-page .resume .timeline .timeline-item .timeline-marker .timeline-dot{z-index:1;background:#1677ff;border-radius:50%;width:12px;height:12px;margin-top:4px;position:relative}.resume-page .resume .timeline .timeline-item .timeline-marker .timeline-line{background:#e2e8f0;width:2px;height:calc(100% + 8px);position:absolute;top:16px;left:5px}.resume-page .resume .timeline .timeline-item .timeline-content{flex:1;padding-bottom:8px}.resume-page .resume .timeline .timeline-item .timeline-content .timeline-year{color:#1677ff;margin-bottom:6px;font-size:14px;font-weight:700}.resume-page .resume .timeline .timeline-item .timeline-content .timeline-year .current-badge{color:#fff;background:#16a34a;border-radius:12px;margin-left:10px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.resume-page .resume .timeline .timeline-item .timeline-content .timeline-title{color:#0f172a;margin-bottom:4px;font-size:16px;font-weight:600}.resume-page .resume .timeline .timeline-item .timeline-content .timeline-organization{color:#64748b;font-size:14px}.resume-page .resume__footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:flex-end;margin-top:40px;padding-top:24px;display:flex}@media (width<=768px){.resume-page .resume__footer{flex-direction:column;align-items:flex-start;gap:20px}}.resume-page .resume__footer .signature-line .signature{align-items:center;gap:16px;margin-bottom:16px;display:flex}.resume-page .resume__footer .signature-line .signature p{color:#64748b;margin:0;font-size:14px}.resume-page .resume__footer .signature-line .signature .signature-space{border-bottom:1px solid #cbd5e1;width:150px}.resume-page .resume__footer .signature-line .date p{color:#64748b;margin:0;font-size:14px}.resume-page .resume__footer .resume__qr .qr-placeholder{text-align:center}.resume-page .resume__footer .resume__qr .qr-placeholder .qr-code{background:repeating-linear-gradient(45deg,#1e293b,#1e293b 5px,#fff 5px 10px);width:60px;height:60px;margin-bottom:8px}.resume-page .resume__footer .resume__qr .qr-placeholder p{color:#64748b;margin:0;font-size:12px}@media print{.resume-page{background:#fff}.resume-page .resume-actions{display:none!important}.resume-page .resume{padding:0}.resume-page .resume__card{box-shadow:none;padding:20px}.resume-page .resume .skill-bar{border:1px solid #ddd}.resume-page .resume .skill-bar .skill-progress{background:#ddd!important}}.news-detail-page{background:linear-gradient(135deg,#eef4ff 0%,#e8eef8 100%);min-height:100vh;padding:40px 0 80px}.news-detail-page .news-detail-container{max-width:900px;margin:0 auto;padding:0 20px}.news-detail-page .back-nav-btn{color:#555;cursor:pointer;background:#fff;border:none;border-radius:40px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #0000000d}.news-detail-page .back-nav-btn:hover{color:#1677ff;transform:translate(-4px);box-shadow:0 4px 12px #0000001a}.news-detail-page .breadcrumbs{color:#888;border-bottom:1px solid #f0f0f0;padding:50px 0 20px;font-size:14px}.news-detail-page .breadcrumbs a{color:#1677ff;text-decoration:none}.news-detail-page .breadcrumbs a:hover{text-decoration:underline}.news-detail-page .breadcrumbs span{margin:0 8px}.news-detail-page .breadcrumbs .current{color:#555}.news-detail-page .news-detail-card{background:#fff;border-radius:24px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 20px 40px #00000014}.news-detail-page .news-detail-card:hover{box-shadow:0 25px 50px #0000001f}.news-detail-page .news-detail-header{padding:40px 40px 20px}.news-detail-page .news-detail-header h1{color:#222;margin-bottom:20px;font-size:36px;font-weight:700;line-height:1.3}@media (width<=768px){.news-detail-page .news-detail-header h1{font-size:28px}}.news-detail-page .news-detail-header .news-meta{border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:24px;padding-top:16px;display:flex}.news-detail-page .news-detail-header .news-meta .meta-item{color:#888;align-items:center;gap:8px;font-size:14px;display:flex}.news-detail-page .news-detail-header .news-meta .meta-item svg{color:#999}.news-detail-page .news-detail-image{border-radius:16px;margin:20px 40px;overflow:hidden;box-shadow:0 8px 20px #0000001a}.news-detail-page .news-detail-image img{object-fit:cover;width:100%;height:auto;max-height:500px;display:block}.news-detail-page .news-detail-content{padding:20px 40px 40px}.news-detail-page .news-detail-content .content-body p{color:#333;margin-bottom:24px;font-size:18px;line-height:1.8}@media (width<=768px){.news-detail-page .news-detail-content .content-body p{font-size:16px}}.news-detail-page .news-share-section{background:#fafbfd;border-top:1px solid #eee;padding:30px 40px 40px}.news-detail-page .news-share-section .share-label{color:#555;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex}.news-detail-page .news-share-section .share-buttons{flex-wrap:wrap;gap:12px;display:flex}.news-detail-page .news-share-section .share-buttons .share-btn{cursor:pointer;border:none;border-radius:40px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .3s}.news-detail-page .news-share-section .share-buttons .share-btn.telegram{color:#fff;background:#08c}.news-detail-page .news-share-section .share-buttons .share-btn.telegram:hover{background:#069;transform:translateY(-2px)}.news-detail-page .news-share-section .share-buttons .share-btn.facebook{color:#fff;background:#1877f2}.news-detail-page .news-share-section .share-buttons .share-btn.facebook:hover{background:#0d65d9;transform:translateY(-2px)}.news-detail-page .news-share-section .share-buttons .share-btn.twitter{color:#fff;background:#1da1f2}.news-detail-page .news-share-section .share-buttons .share-btn.twitter:hover{background:#0c8de0;transform:translateY(-2px)}.news-detail-page .news-share-section .share-buttons .share-btn.copy{color:#fff;background:#6c757d}.news-detail-page .news-share-section .share-buttons .share-btn.copy:hover{background:#5a6268;transform:translateY(-2px)}.news-detail-page .related-news{margin-top:60px}.news-detail-page .related-news h3{color:#222;margin-bottom:30px;font-size:24px;font-weight:600;display:inline-block;position:relative}.news-detail-page .related-news h3:after{content:"";background:#1677ff;border-radius:2px;width:50px;height:3px;position:absolute;bottom:-8px;left:0}.news-detail-page .related-news .related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.news-detail-page .related-news .related-grid .related-card{background:#fff;border-radius:16px;gap:16px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.news-detail-page .related-news .related-grid .related-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.news-detail-page .related-news .related-grid .related-card .related-image{flex-shrink:0;width:100px}.news-detail-page .related-news .related-grid .related-card .related-image img{object-fit:cover;width:100%;height:100%}.news-detail-page .related-news .related-grid .related-card .related-info{padding:12px 12px 12px 0}.news-detail-page .related-news .related-grid .related-card .related-info time{color:#888;margin-bottom:8px;font-size:12px;display:block}.news-detail-page .related-news .related-grid .related-card .related-info h4{color:#222;margin:0;font-size:14px;font-weight:600;line-height:1.4}.news-detail-page .loading-skeleton{background:#fff;border-radius:24px;overflow:hidden}.news-detail-page .loading-skeleton .skeleton-header{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;height:100px;animation:1.5s infinite loading}.news-detail-page .loading-skeleton .skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:16px;height:400px;margin:20px 40px;animation:1.5s infinite loading}.news-detail-page .loading-skeleton .skeleton-content{padding:20px 40px 40px}.news-detail-page .loading-skeleton .skeleton-content .skeleton-line{background:#f0f0f0;border-radius:8px;height:20px;margin-bottom:16px;animation:1.5s infinite loading}.news-detail-page .loading-skeleton .skeleton-content .skeleton-line:nth-child(2){width:80%}.news-detail-page .loading-skeleton .skeleton-content .skeleton-line.long{width:60%}.news-detail-page .error-container{text-align:center;background:#fff;border-radius:24px;padding:60px 40px;box-shadow:0 10px 30px #00000014}.news-detail-page .error-container .error-icon{margin-bottom:20px;font-size:64px}.news-detail-page .error-container h2{color:#333;margin-bottom:12px;font-size:28px}.news-detail-page .error-container p{color:#666;margin-bottom:30px}.news-detail-page .error-container .back-button{color:#fff;background:#1677ff;border-radius:40px;padding:12px 30px;text-decoration:none;transition:all .3s;display:inline-block}.news-detail-page .error-container .back-button:hover{background:#0958d9;transform:translateY(-2px)}@media (width<=768px){.news-detail-page{padding:20px 0 60px}.news-detail-page .news-detail-header{padding:30px 20px 15px}.news-detail-page .news-detail-image{margin:15px 20px}.news-detail-page .news-detail-content{padding:15px 20px 30px}.news-detail-page .news-share-section{padding:20px 20px 30px}.news-detail-page .related-news .related-grid{grid-template-columns:1fr}}.news-page{background:#f5f7fb;min-height:100vh;padding:60px 0}.news-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.news-page .breadcrumbs{background:#fff;border-radius:12px;align-items:center;gap:8px;margin-top:20px;margin-bottom:32px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0000000d}.news-page .breadcrumbs .breadcrumb-link{color:#666;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.news-page .breadcrumbs .breadcrumb-link svg{color:#999}.news-page .breadcrumbs .breadcrumb-link:hover,.news-page .breadcrumbs .breadcrumb-link:hover svg{color:#1677ff}.news-page .breadcrumbs .breadcrumb-link.active{color:#1677ff;font-weight:500}.news-page .breadcrumbs .breadcrumb-current{color:#333;font-size:14px;font-weight:500}.news-page .breadcrumbs .separator{color:#ccc;font-size:14px}.news-page .page-header{text-align:center;margin-bottom:48px}.news-page .page-header h1{color:#222;margin-bottom:12px;font-size:42px;font-weight:700}@media (width<=768px){.news-page .page-header h1{font-size:32px}}.news-page .page-header p{color:#666;max-width:600px;margin:0 auto;font-size:18px}.news-page .news-controls{background:#fff;border-radius:16px;margin-bottom:32px;padding:20px;box-shadow:0 2px 8px #0000000d}.news-page .news-controls .filter-controls .sort-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.news-page .news-controls .filter-controls .sort-buttons .sort-btn{cursor:pointer;background:#f5f5f5;border:none;border-radius:40px;padding:8px 24px;font-size:14px;transition:all .3s}.news-page .news-controls .filter-controls .sort-buttons .sort-btn:hover{background:#e8e8e8}.news-page .news-controls .filter-controls .sort-buttons .sort-btn.active{color:#fff;background:#1677ff}.news-page .results-info{text-align:center;margin-bottom:24px;padding:12px 0}.news-page .results-info span{color:#666;background:#fff;border-radius:20px;padding:6px 16px;font-size:14px}.news-page .news-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:60px;display:grid}.news-page .news-grid.loading-grid{margin-bottom:0}.news-page .news-card{background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.news-page .news-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a}.news-page .news-card:hover .news-image-wrapper img{transform:scale(1.05)}.news-page .news-card:hover .read-more{color:#0958d9;gap:12px}.news-page .news-card:hover .read-more svg{transform:translate(4px)}.news-page .news-card .news-link{text-decoration:none;display:block}.news-page .news-card .news-image-wrapper{height:220px;position:relative;overflow:hidden}.news-page .news-card .news-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.news-page .news-card .news-image-wrapper .popular-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#000000b3;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;top:12px;right:12px}.news-page .news-card .news-info{padding:20px}.news-page .news-card .news-info .news-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.news-page .news-card .news-info .news-meta .news-date{color:#888;font-size:13px}.news-page .news-card .news-info .news-meta .news-views{color:#999;font-size:12px}.news-page .news-card .news-info h3{color:#222;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.news-page .news-card .news-info p{color:#666;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.news-page .news-card .news-info .read-more{color:#1677ff;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.news-page .news-card .news-info .read-more svg{transition:transform .3s}.news-page .news-card-skeleton{background:#fff;border-radius:16px;overflow:hidden}.news-page .news-card-skeleton .skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;height:220px;animation:1.5s infinite loading}.news-page .news-card-skeleton .skeleton-content{padding:20px}.news-page .news-card-skeleton .skeleton-content .skeleton-line{background:#f0f0f0;border-radius:4px;height:16px;margin-bottom:12px;animation:1.5s infinite loading}.news-page .news-card-skeleton .skeleton-content .skeleton-line:nth-child(2){width:80%}.news-page .news-card-skeleton .skeleton-content .skeleton-line.short{width:60%}.news-page .pagination{justify-content:center;align-items:center;gap:16px;margin-top:40px;display:flex}.news-page .pagination .pagination-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .3s;display:inline-flex}.news-page .pagination .pagination-btn:hover:not(:disabled){color:#fff;background:#1677ff;border-color:#1677ff}.news-page .pagination .pagination-btn:hover:not(:disabled) svg{stroke:#fff}.news-page .pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.news-page .pagination .pagination-numbers{gap:8px;display:flex}.news-page .pagination .pagination-numbers .pagination-number{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.news-page .pagination .pagination-numbers .pagination-number:hover:not(.dots):not(.active){background:#f0f0f0}.news-page .pagination .pagination-numbers .pagination-number.active{color:#fff;background:#1677ff;border-color:#1677ff}.news-page .pagination .pagination-numbers .pagination-number.dots{cursor:default;border:none}.news-page .pagination .pagination-numbers .pagination-number.dots:hover{background:0 0}.news-page .empty-state{text-align:center;background:#fff;border-radius:16px;padding:80px 20px}.news-page .empty-state .empty-icon{margin-bottom:20px;font-size:64px}.news-page .empty-state h3{color:#333;margin-bottom:12px;font-size:24px}.news-page .empty-state p{color:#666;margin-bottom:30px}.news-page .error-container{text-align:center;background:#fff;border-radius:16px;padding:80px 20px}.news-page .error-container .error-icon{margin-bottom:20px;font-size:64px}.news-page .error-container h2{color:#333;margin-bottom:12px;font-size:28px}.news-page .error-container p{color:#666;margin-bottom:30px}.news-page .error-container .retry-btn{color:#fff;cursor:pointer;background:#1677ff;border:none;border-radius:40px;padding:12px 32px;font-size:14px;transition:all .3s}.news-page .error-container .retry-btn:hover{background:#0958d9}@media (width<=768px){.news-page{padding:40px 0}.news-page .breadcrumbs{flex-wrap:wrap}.news-page .breadcrumbs .breadcrumb-link,.news-page .breadcrumbs .breadcrumb-current{font-size:12px}.news-page .news-grid{grid-template-columns:1fr;gap:20px}.news-page .pagination{flex-wrap:wrap}.news-page .pagination .pagination-numbers{order:3;justify-content:center;width:100%}.news-page .sort-buttons{justify-content:center}}.search-page{background:#f8fafc;min-height:100vh;padding:100px 0 60px}.search-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.search-header{border-bottom:2px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;display:flex}.search-header__info h1{color:#0f172a;margin-bottom:8px;font-size:28px;font-weight:700}.search-header__count{align-items:center;gap:10px;display:flex}.search-header__count .count-badge{color:#fff;background:#1677ff;border-radius:30px;padding:4px 12px;font-size:14px;font-weight:600}.search-header__count span{color:#64748b;font-size:14px}.search-query{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-query__label{color:#64748b;font-size:14px}.search-query__text{color:#1677ff;background:#f1f5f9;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:500}.search-tabs{border-bottom:1px solid #e2e8f0;gap:12px;margin-bottom:30px;padding-bottom:12px;display:flex}.search-tabs .tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:40px;align-items:center;gap:8px;padding:8px 20px;font-size:15px;font-weight:500;transition:all .3s;display:flex}.search-tabs .tab-btn .tab-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:12px}.search-tabs .tab-btn:hover{color:#1677ff}.search-tabs .tab-btn:hover .tab-count,.search-tabs .tab-btn.active{color:#1677ff;background:#e6f4ff}.search-tabs .tab-btn.active .tab-count{color:#fff;background:#1677ff}.items-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:20px;display:grid}.item-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:20px;text-decoration:none;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.item-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.item-card:hover .item-card__cover img{transform:scale(1.05)}.item-card:hover .read-more{color:#1677ff;gap:12px}.item-card__cover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-shrink:0;width:120px;position:relative;overflow:hidden}.item-card__cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.item-card__placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:160px;display:flex}.item-card__info{flex:1;padding:16px 16px 16px 0}.item-card__info .item-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:18px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.item-card__info .item-author{color:#1677ff;margin-bottom:8px;font-size:14px;font-weight:500}.item-card__info .item-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.item-card__info .item-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.item-card__info .item-meta .item-year{color:#94a3b8;font-size:12px}.item-card__info .item-meta .item-duration{color:#16a34a;background:#f0fdf4;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:flex}.item-card__info .item-meta .read-more{color:#64748b;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex}.audio-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#000000b3;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:500;display:flex;position:absolute;top:8px;right:8px}.loading-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.item-skeleton{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:20px;display:flex;overflow:hidden}.item-skeleton .skeleton-cover{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;width:120px;height:160px;animation:1.5s infinite loading}.item-skeleton .skeleton-content{flex:1;padding:16px 16px 16px 0}.item-skeleton .skeleton-content .skeleton-line{background:#f0f0f0;border-radius:8px;height:16px;margin-bottom:12px;animation:1.5s infinite loading}.item-skeleton .skeleton-content .skeleton-line.short{width:60%}.empty-state,.error-state,.no-results{text-align:center;background:#fff;border-radius:24px;padding:80px 20px;box-shadow:0 2px 8px #0000000a}.empty-state__icon,.error-state__icon,.no-results__icon{margin-bottom:20px;font-size:64px}.empty-state h2,.empty-state h3,.error-state h2,.error-state h3,.no-results h2,.no-results h3{color:#0f172a;margin-bottom:12px;font-size:24px}.empty-state p,.error-state p,.no-results p{color:#64748b;margin-bottom:30px}.empty-state__btn,.error-state__btn,.no-results__btn{color:#fff;background:#1677ff;border-radius:40px;padding:12px 32px;text-decoration:none;transition:all .3s;display:inline-block}.empty-state__btn:hover,.error-state__btn:hover,.no-results__btn:hover{background:#0958d9;transform:translateY(-2px)}.error-state__btn{background:#ef4444}.error-state__btn:hover{background:#dc2626}.no-results__suggestions{text-align:left;max-width:300px;margin:30px auto}.no-results__suggestions p{margin-bottom:12px;font-weight:500}.no-results__suggestions ul{padding-left:20px}.no-results__suggestions ul li{color:#64748b;margin-bottom:8px}@media (width<=768px){.search-page{padding:80px 0 40px}.search-header{flex-direction:column;align-items:flex-start}.search-header h1{font-size:24px}.search-tabs .tab-btn{padding:6px 14px;font-size:14px}.items-grid,.loading-grid{grid-template-columns:1fr}.item-card__cover{width:100px}.item-card__info .item-title{font-size:16px}}@media (width<=480px){.item-card{flex-direction:column}.item-card__cover{width:100%;height:180px}.item-card__info{padding:16px}.search-query{flex-direction:column;align-items:flex-start}.search-tabs{flex-wrap:wrap}}