.home-wrapper{position:relative;display:flex;min-height:100vh;height:auto;width:100%;flex-direction:column;overflow-x:hidden}.section-title{color:var(--text-body);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1.5rem}.section-title.hidden{display:none}.banners-section{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media (min-width:768px){.banners-section{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem}}.banner-carousel-container{height:150px;background-color:var(--color-slate-200);border-radius:.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);overflow:hidden;position:relative}html.dark .banner-carousel-container{background-color:var(--color-slate-800)}.banner-carousel-track{position:absolute;inset:0;display:flex;transition:transform .7s ease-in-out;width:100%;height:100%}.banner-slide{width:100%;height:100%;flex-shrink:0;position:relative;display:block}.banner-slide-img{width:100%;height:100%;object-fit:cover}.banner-slide-content{position:absolute;inset:0;background-color:rgba(0,0,0,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .3s}.banner-carousel-container:hover .banner-slide-content{background-color:rgba(0,0,0,.5)}.banner-title{color:#fff;font-weight:700;font-size:1.25rem;margin-bottom:.5rem;letter-spacing:.025em}@media (min-width:768px){.banner-title{font-size:1.5rem}}.banner-btn{padding:.375rem 1rem;background-color:rgba(56,189,248,.8);color:#fff;font-size:.75rem;font-weight:700;border-radius:.25rem}.carousel-dots-container{position:absolute;bottom:.5rem;left:0;right:0;display:flex;justify-content:center;gap:.5rem;z-index:10}.carousel-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:rgba(255,255,255,.5);transition:background-color .3s}.carousel-dot:hover{background-color:#fff}.carousel-dot.active{background-color:#fff}.banner-static-container{height:150px;background-color:var(--color-slate-100);border-radius:.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);position:relative;overflow:hidden}html.dark .banner-static-container{background-color:var(--color-slate-800)}.banner-static-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.banner-static-container:hover .banner-static-img{transform:scale(1.1)}.banner-static-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.2),transparent)}.banner-static-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;margin-top:2rem}.banner-static-title{color:#fff;font-weight:700;letter-spacing:.1em;font-size:1.125rem;filter:drop-shadow(0 4px 3px rgba(0, 0, 0, .07))}.banner-static-btn{color:rgba(255,255,255,.9);font-size:.75rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.5);padding:.25rem .75rem;border-radius:9999px}.categories-section{margin-bottom:2rem}@media (min-width:768px){.categories-section{margin-bottom:4rem}}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}@media (min-width:768px){.categories-grid{grid-template-columns:repeat(5,1fr)}}.category-ad-card{height:120px;background-color:var(--color-slate-100);border-radius:.125rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);position:relative;overflow:hidden;text-decoration:none;color:inherit}html.dark .category-ad-card{background-color:var(--color-slate-800)}.category-ad-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.category-ad-card:hover .category-ad-img{transform:scale(1.05)}.category-ad-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.4);transition:background-color .3s}.category-ad-card:hover .category-ad-overlay{background-color:rgba(0,0,0,.2)}.category-ad-title{position:relative;z-index:10;color:#fff;font-weight:700;letter-spacing:.1em;filter:drop-shadow(0 4px 3px rgba(0, 0, 0, .07))}.category-link-card{height:120px;background:linear-gradient(to bottom,#fff,var(--color-slate-50));border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s;border:1px solid var(--border-color);border-bottom:4px solid var(--color-slate-300);text-align:center;padding:0 .5rem;position:relative;overflow:hidden}html.dark .category-link-card{background:linear-gradient(to bottom,var(--color-slate-800),rgba(30,41,59,.8));border-bottom-color:var(--color-slate-600)}.category-link-card:hover{background:linear-gradient(to bottom,#38bdf8,#0ea5e9);border-color:#38bdf8;border-bottom-color:#0284c7;box-shadow:0 20px 25px -5px rgba(56,189,248,.2),0 10px 10px -5px rgba(56,189,248,.04);transform:translateY(-.25rem)}html.dark .category-link-card:hover{background:linear-gradient(to bottom,#0ea5e9,#0284c7);border-color:#38bdf8;border-bottom-color:#38bdf8;box-shadow:0 20px 25px -5px rgba(12,74,110,.5)}.category-link-title{color:var(--color-slate-700);font-weight:700;letter-spacing:.05em;font-size:.875rem;transition:color .3s;position:relative;z-index:10}@media (min-width:768px){.category-link-title{font-size:1rem}}html.dark .category-link-title{color:var(--color-slate-300)}.category-link-card:hover .category-link-title{color:#fff}.category-link-overlay{position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.4),transparent 50%);opacity:0;transition:opacity .3s}.category-link-card:hover .category-link-overlay{opacity:1}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}@media (min-width:768px){.md-order-1{order:1}.md-order-2{order:2}.md-order-3{order:3}.md-order-4{order:4}.md-order-5{order:5}.md-order-6{order:6}.md-order-7{order:7}.md-order-8{order:8}.md-order-9{order:9}.md-order-10{order:10}}.featured-section{margin-bottom:2rem}@media (min-width:768px){.featured-section{margin-bottom:4rem}}.featured-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}@media (min-width:768px){.featured-grid{flex-wrap:nowrap;gap:3rem;width:100%;justify-content:space-between}}.featured-card{width:calc(50% - .5rem);aspect-ratio:1/1;background-color:var(--bg-card);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border-color);transition:all .3s;position:relative;overflow:hidden;text-decoration:none;color:inherit}@media (min-width:768px){.featured-card{width:19.5%;flex-shrink:0}}.featured-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.featured-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2;transition:opacity .3s}.featured-card:hover .featured-img{opacity:.4}.featured-icon{font-size:1.875rem;color:var(--color-slate-600);margin-bottom:.5rem;position:relative;z-index:10;transition:transform .3s,color .3s}html.dark .featured-icon{color:var(--color-slate-300)}.featured-card:hover .featured-icon{color:var(--color-primary);transform:translateY(-.25rem)}.featured-title{color:var(--color-slate-800);font-weight:700;font-size:.875rem;position:relative;z-index:10}html.dark .featured-title{color:var(--color-slate-200)}.content-area-section{margin-bottom:2rem}@media (min-width:768px){.content-area-section{margin-bottom:4rem}}.content-area-box{width:100%;background-color:var(--bg-card);border:1px solid var(--border-color);padding:1rem;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);min-height:60px;display:flex;align-items:center;justify-content:center}.content-area-text{color:var(--color-slate-500);font-family:monospace;font-size:1.125rem;text-align:center;width:100%}html.dark .content-area-text{color:var(--color-slate-400)}.sponsor-ads-container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}@media (min-width:768px){.sponsor-ads-container{flex-direction:row}}.sponsor-ad-card{width:350px;height:130px;background-color:var(--color-slate-100);border-radius:.75rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-slate-200);transition:border-color .3s;flex-shrink:0;position:relative;text-decoration:none;color:inherit}html.dark .sponsor-ad-card{background-color:rgba(30,41,59,.5);border-color:var(--color-slate-800)}.sponsor-ad-card:hover{border-color:rgba(56,189,248,.2)}.sponsor-ad-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.sponsor-ad-card:hover .sponsor-ad-img{transform:scale(1.05)}.sponsor-ad-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.4);transition:background-color .3s}.sponsor-ad-card:hover .sponsor-ad-overlay{background-color:rgba(0,0,0,.2)}.sponsor-ad-title{position:relative;z-index:10;color:#fff;font-weight:700;letter-spacing:.1em;font-size:.875rem;filter:drop-shadow(0 4px 3px rgba(0, 0, 0, .07))}