.homepage-style{background-color:#fff;min-height:100vh}.main-content{flex-direction:column;padding:0;display:flex}.main-content>section:first-child{padding-top:0;padding-bottom:4rem}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.skeleton-base{background:#f6f7f8 linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/1000px 100% no-repeat;animation:2s linear infinite shimmer}.section-skeleton-container{flex-direction:column;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.skeleton-title{background:#f6f7f8 linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/1000px 100% no-repeat;border-radius:8px;width:40%;height:40px;margin-bottom:1rem;animation:2s linear infinite shimmer}.skeleton-block{background:#f6f7f8 linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/1000px 100% no-repeat;border-radius:4px;width:80%;height:20px;animation:2s linear infinite shimmer}.category-skeleton-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid}.skeleton-category-card{flex-direction:column;align-items:center;gap:1rem;display:flex}.skeleton-circle{background:#f6f7f8 linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/1000px 100% no-repeat;border-radius:50%;width:120px;height:120px;animation:2s linear infinite shimmer}.skeleton-line{background:#f6f7f8 linear-gradient(90deg,#f6f7f8 0%,#edeef1 20%,#f6f7f8 40% 100%) 0 0/1000px 100% no-repeat;border-radius:4px;width:80%;height:24px;animation:2s linear infinite shimmer}@media (max-width:768px){.section-skeleton-container,.category-skeleton-container{padding:2rem 1rem}.category-skeleton-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.skeleton-circle{width:80px;height:80px}.skeleton-title{width:60%;height:32px}}@media (max-width:480px){.category-skeleton-container{grid-template-columns:repeat(2,1fr);gap:1rem}.skeleton-circle{width:60px;height:60px}}.main-content>div>section{min-height:400px}.main-content>div>section>*{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.homepage-style *{will-change:auto}.homepage-style{opacity:1;transition:opacity .1s ease-in}.homepage-style.loading{opacity:0}
