@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.navbar-main{transition:box-shadow .3s,background-color .3s}.navbar-main:hover{box-shadow:0 4px 20px #00000014}.logo-text{transition:transform .3s}.logo-text:hover{transform:scale(1.02)}.nav-link{font-weight:500;transition:color .3s;position:relative}.nav-link:after{content:"";transform-origin:100%;background:linear-gradient(90deg,#ed8936,#dd6b20);width:100%;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.dropdown-content{border:1px solid #ed89361a;animation:.3s cubic-bezier(.4,0,.2,1) slideDown;box-shadow:0 10px 40px #0000001a}.nav-dropdown-item{transition:all .3s;position:relative}.nav-dropdown-item:hover{transform:translate(4px)}.search-input{transition:all .3s}.search-input:focus{transform:scale(1.02);box-shadow:0 0 0 3px #ed893633}.suggestions-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ed89361a;animation:.3s cubic-bezier(.4,0,.2,1) slideDown;box-shadow:0 10px 40px #00000026}.suggestion-item{transition:all .3s}.suggestion-item:hover{transform:scale(1.02)}.action-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.action-btn:hover{transform:scale(1.1)rotate(-5deg)}.count-badge{animation:2s ease-in-out infinite pulse}.user-avatar{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-avatar:hover{transform:scale(1.1);box-shadow:0 0 0 3px #ed89364d}.avatar-btn{transition:all .3s}.avatar-btn:hover{transform:scale(1.05)}.user-menu{border:1px solid #ed89361a;animation:.3s cubic-bezier(.4,0,.2,1) slideDown;box-shadow:0 10px 40px #0000001a}.user-menu .chakra-menu__menuitem{transition:all .3s}.user-menu .chakra-menu__menuitem:hover{background:#ed89361a;transform:translate(4px)}.auth-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.auth-btn:before{content:"";background:#ed893633;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-btn:hover:before{width:300px;height:300px}.menu-toggle-btn{transition:all .3s}.menu-toggle-btn:hover{transform:rotate(90deg)scale(1.1)}.mobile-drawer{animation:.3s cubic-bezier(.4,0,.2,1) slideRight}.drawer-close-btn{transition:all .3s}.drawer-close-btn:hover{transform:rotate(90deg)scale(1.1)}.drawer-nav-item{transition:all .3s;position:relative}.drawer-nav-item:hover{transform:translate(8px)}.drawer-nav-item:before{content:"";background:linear-gradient(#ed8936,#dd6b20);width:3px;height:0;transition:height .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.drawer-nav-item:hover:before{height:60%}.drawer-section-btn{transition:all .3s}.drawer-section-btn:hover{transform:translate(4px)}.drawer-sub-item{transition:all .3s;padding-left:48px!important}.drawer-sub-item:hover{transform:translate(8px)}.search-toggle-btn{transition:all .3s}.search-toggle-btn:hover{transform:scale(1.1)rotate(10deg)}@media (width<=480px){.navbar-main{padding-left:8px;padding-right:8px}.logo-text{font-size:14px!important}}.chakra-ui-dark .dropdown-content,.chakra-ui-dark .suggestions-dropdown,.chakra-ui-dark .user-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#ffffff1a;background:#1a202cf2!important}.chakra-ui-dark .mobile-drawer .chakra-modal__content{background:#1a202cfa!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#ed8936,#dd6b20);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#dd6b20,#c05621)}@media (width<=768px){button,.chakra-link,.chakra-button,.chakra-icon-button{min-width:44px;min-height:44px}}.hero-slider{position:relative}.hero-slider .hero-bg{animation:20s ease-in-out infinite alternate heroZoom}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-slider .hero-overlay{background:linear-gradient(135deg,#000000e6 0%,#0003 50%,#000c 100%)}.hero-slider .hero-content{animation:1s cubic-bezier(.4,0,.2,1) heroSlideUp}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-slider .hero-badge{animation:2s ease-in-out infinite heroBadgePulse}@keyframes heroBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-slider .hero-title{animation:1.2s cubic-bezier(.4,0,.2,1) heroTitleReveal}@keyframes heroTitleReveal{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-slider .hero-description{animation:1.4s cubic-bezier(.4,0,.2,1) heroDescriptionReveal}@keyframes heroDescriptionReveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-slider .hero-btn{animation:1.6s cubic-bezier(.4,0,.2,1) heroBtnReveal}@keyframes heroBtnReveal{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-slider .hero-extra-badge{animation:1.8s cubic-bezier(.4,0,.2,1) heroExtraReveal}@keyframes heroExtraReveal{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.hero-slider .hero-nav-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-slider .hero-nav-btn:hover{background:#ffffff4d!important;transform:scale(1.15)!important}.progress-bar{animation:6s linear forwards progressFill}@keyframes progressFill{0%{width:0%}to{width:100%}}.anime-card{position:relative}.anime-card .anime-card-image{transition:transform .7s cubic-bezier(.4,0,.2,1)}.anime-card:hover .anime-card-image{transform:scale(1.15)}.anime-card .rank-badge{animation:3s ease-in-out infinite rankPulse}@keyframes rankPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.anime-card .quick-view-btn{transition:all .4s cubic-bezier(.4,0,.2,1)}.anime-card .quick-view-btn:hover{background:#ed8936e6!important}.news-card .news-card-image{transition:transform .6s cubic-bezier(.4,0,.2,1)}.news-card:hover .news-card-image{transform:scale(1.1)}.view-all-btn{position:relative;overflow:hidden}.view-all-btn:before{content:"";background:#ed89361a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.view-all-btn:hover:before{width:300px;height:300px}.view-all-news-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.view-all-news-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ed89364d}.sidebar-card{transition:all .3s;position:relative;overflow:hidden}.sidebar-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.sidebar-card:before{content:"";background:linear-gradient(90deg,#ed8936,#dd6b20,#ed8936) 0 0/200% 100%;height:3px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.trending-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.trending-item:hover{transform:translate(5px)}.genre-badge{transition:all .3s cubic-bezier(.4,0,.2,1)}.genre-badge:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 4px 15px #ed89364d}.community-card{transition:all .4s;position:relative;overflow:hidden}.community-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #ed893633}.community-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ed89361a 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.community-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.community-btn:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.community-btn:hover:before{width:300px;height:300px}.chakra-stat{transition:all .4s cubic-bezier(.4,0,.2,1)}.chakra-stat:hover{transform:translateY(-4px)}@media (width<=768px){.hero-slider{height:300px!important}.hero-slider .hero-content{max-width:100%!important}.hero-slider .hero-title{font-size:24px!important}.hero-slider .hero-description{font-size:14px!important}.anime-card .anime-card-image{height:180px!important}.news-card .news-card-image{height:160px!important}}@media (width<=480px){.hero-slider{border-radius:2xl!important;height:280px!important}.hero-slider .hero-title{font-size:20px!important}.hero-slider .hero-btn{padding:8px 20px!important;font-size:14px!important}.anime-card .anime-card-image{height:160px!important}}.chakra-ui-dark .sidebar-card{background:#1a202ccc!important;border-color:#ffffff0d!important}.chakra-ui-dark .community-card{background:linear-gradient(135deg,#ed893633,#dd6b201a)!important}.chakra-ui-dark .trending-item{background:#ffffff0d!important}.chakra-ui-dark .trending-item:hover{background:#ed893626!important}.chakra-skeleton{background:linear-gradient(90deg,#0000,#ed89360d,#0000) 0 0/200% 100%;animation:2s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.home-page{scroll-behavior:smooth}.glow-hover{transition:all .4s}.glow-hover:hover{box-shadow:0 0 30px #ed89364d}.float-animation{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}