.container{width:min(1200px,92vw);margin:24px auto}.section-title{color:#e9f1ff;margin:12px 0 20px;font-size:20px;font-weight:800}.slider-root{position:relative;width:100%;height:min(70vh,680px);border-radius:16px;overflow:hidden;background:transparent}.slider-layout{display:grid;grid-template-columns:280px 1fr;gap:12px;height:100%}.slider-sidebar{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:10px;overflow:hidden;padding:5px}.slider-sidebar:focus{outline:none}.news-card{flex-direction:column;background:rgba(0,0,0,0.55);color:#e9f1ff;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.12);transition:transform .2s ease,box-shadow .2s ease;text-align:right;cursor:pointer;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-end;justify-content:flex-start;flex:1 1 0;min-height:0}.news-card:hover{transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.35);border-color:#00F5FF}.news-card.active-card{outline:2px solid #fff;border-color:#00F5FF;box-shadow:0 0 0 2px rgba(0,245,255,.28) inset,0 12px 30px rgba(0,0,0,.4)}.news-card img{width:100%;height:60%;object-fit:cover;display:block}.news-card .title{-webkit-line-clamp:2;flex:1 1 auto;padding:8px 0px 8px 10px;display:-webkit-box;margin:0;font-size:13px;font-weight:800;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 12px rgba(0,0,0,.55)}.news-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 18%,rgba(0,0,0,0) 62%);z-index:0}.news-card .overlay{position:absolute;width:100%;padding:6px 12px 8px 12px;gap:4px;justify-content:flex-end;height:100%;bottom:8px;right:10px;left:10px;z-index:2;text-align:right;color:#FEFEFE;display:flex;flex-direction:column}.news-card .date{font-size:11px;font-weight:700;color:#00F5FF;text-align:right}.slider-hero{position:relative;border-radius:16px;overflow:hidden;background:#111}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s cubic-bezier(.22,.61,.36,1),visibility .7s cubic-bezier(.22,.61,.36,1)}.slide.active{opacity:1;visibility:visible}.slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s ease,filter .7s ease}.slide.active img{transform:scale(1)}.slide-overlay{position:relative;z-index:2;background:linear-gradient(0deg,rgba(0,0,0,.55) 10%,rgba(0,0,0,0) 55%);display:flex;align-items:end;height:100%}.slide .content{width:100%;padding:24px;color:#fff;text-align:right}.slide .content .badge,.slide .content h2,.slide .content .btn{opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}.slide.active .content .badge,.slide.active .content h2,.slide.active .content .btn{opacity:1;transform:translateY(0)}.slide .content h2{transition-delay:.06s;font-size:clamp(20px,2.5vw,32px);font-weight:800;margin:8px 0 14px;text-shadow:0 2px 18px rgba(0,0,0,.6)}.slide .content .btn{transition-delay:.12s;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:#000000;border:1px solid #374151;border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;transition:border-color .2s ease,color .2s ease,transform .1s ease,background-color .2s ease;cursor:pointer;background-color:white}.slide .content .btn:hover,.slide .content .btn:focus-visible{color:#00F5FF;border-color:#00F5FF;background-color:rgba(0,245,255,0.08);transform:translateY(-1px)}.slider-controls{position:absolute;inset-inline:8px;top:50%;transform:translateY(-50%);display:flex;justify-content:space-between;z-index:9999;pointer-events:none}.icon-btn{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,0.4);background:rgba(0,0,0,0.35);color:#fff;cursor:pointer;pointer-events:auto}.icon-btn:hover,.icon-btn:focus-visible{border-color:#00F5FF;color:#00F5FF}.icon-btn svg{display:block}*,*::before,*::after{box-sizing:border-box}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pb-2{padding-bottom:.5rem}.p-3{padding:.75rem}.mb-6{margin-bottom:1.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.relative{position:relative}.absolute{position:absolute}.left-4{left:1rem}.right-4{right:1rem}.right-0{right:0}.left-0{left:0}.top-1\/2{top:50%}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.z-10{z-index:10}.-translate-y-1\/2{transform:translateY(-50%)}.w-full{width:100%}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.flex{display:flex}.rounded-lg{border-radius:.5rem}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-gray-800{color:#1f2937}.text-white{color:#fff}.bg-black\/30{background-color:rgba(0,0,0,.3)}.hover\:bg-black\/50:hover{background-color:rgba(0,0,0,.5)}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-from,rgba(0,0,0,.7)),var(--tw-gradient-to,transparent))}.from-black\/70{--tw-gradient-from:rgba(0,0,0,.7)}.to-transparent{--tw-gradient-to:transparent}.transition-all{transition:all .2s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.rounded-full{border-radius:9999px}.translate-x-0{transform:translateX(0)}.-translate-x-1\/2{transform:translateX(-50%)}.h-\[70vh\]{height:70vh}.scrollbar-hide{scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.slider-sidebar:has(.news-card.active-card) .news-card{opacity:.9;filter:grayscale(.05) brightness(.7)}.slider-sidebar:has(.news-card.active-card) .news-card.active-card{opacity:1;filter:none}.slider-sidebar.has-active .news-card{opacity:.9;filter:grayscale(.05) brightness(.7)}.slider-sidebar.has-active .news-card.active-card{opacity:1;filter:none}#news-cards{pointer-events:none}#pagination{pointer-events:auto}:root{--hero-max-h:680px;--sidebar-w-desktop:280px;--sidebar-w-laptop:240px}#hero-slides{max-height:var(--hero-max-h)}@media (min-width:769px){.slider-layout{grid-template-columns:var(--sidebar-w-desktop) 1fr}}@media (max-width:1200px){.slider-layout{grid-template-columns:var(--sidebar-w-laptop) 1fr}.news-card .title{font-size:12px}}#pagination .dots{display:flex;gap:8px;align-items:center;justify-content:center}#pagination .dot{width:8px;height:8px;border-radius:9999px;background:rgba(255,255,255,.45);border:none;cursor:pointer;transition:transform .2s ease,background-color .2s ease,opacity .2s ease;opacity:.9}#pagination .dot.active{background:#00F5FF;transform:scale(1.15);opacity:1}#pagination .dot:focus-visible{outline:2px solid #fff;outline-offset:2px}#pagination{display:none}@media (max-width:768px){#hero-slides{height:auto !important}.slider-root{height:auto}.slider-layout{grid-template-columns:1fr;grid-auto-rows:auto}.slider-hero{height:auto;aspect-ratio:16/9;max-height:60vh}.slider-sidebar{margin-top:10px;height:auto;flex-direction:row;gap:10px;overflow-x:auto;overflow-y:hidden;padding:8px 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.slider-sidebar::-webkit-scrollbar{display:none}.news-card{flex:0 0 auto;min-width:clamp(200px,74vw,320px);height:112px;min-height:unset;scroll-snap-align:start}.news-card .overlay{padding:8px 10px}.news-card .title{font-size:12px}.slider-controls{inset-inline:6px;display:none !important}.icon-btn{width:44px;height:44px}.slide .content{position:absolute;top:0;bottom:auto;padding-top:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;direction:rtl;text-align:right;height:100%}.slide .content .btn{margin-top:auto;align-self:flex-start}.slide .content h2,.slide .content .btn{will-change:transform,opacity;transform:translateY(6px);opacity:0}.slide.active .content h2{animation:heroSoftIn .50s cubic-bezier(.22,.61,.36,1) .05s both}.slide.active .content .btn{animation:heroSoftIn .55s cubic-bezier(.22,.61,.36,1) .12s both}#pagination{display:block}}@media (max-width:420px){.news-card{min-width:78vw;height:104px}.slide .content{padding:16px}.slide .content h2{font-size:clamp(16px,5.2vw,22px)}.slide .content .btn{padding:8px 12px;font-size:14px}}@media (max-height:520px) and (orientation:landscape){.slider-hero{aspect-ratio:auto;height:58vh}}@media (prefers-reduced-motion:reduce){.slide{transition:none !important}.slide .content h2,.slide .content .btn{animation:none !important;transform:none !important;opacity:1 !important}}@keyframes heroSoftIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.slider-sidebar{display:none !important}.slider-layout{grid-template-columns:1fr !important}}.recommended-post-meta{margin-top:4px;font-size:0.8rem;opacity:0.8}.recommended-post-views{display:inline-block}.blog-layout{align-items:start}.blog-sidebar{align-self:start;height:fit-content}.blog-main{align-self:start}[data-widget="recommended-posts"] .recommended-post-link{align-items:center}[data-widget="recommended-posts"] .recommended-post-thumb-wrap{align-self:center}