.hero{text-align:center;padding:3rem 1rem;margin-top:1.5rem;background:linear-gradient(180deg,rgba(37,99,235,.06),transparent);border-radius:12px}html.dark .hero{background:linear-gradient(180deg,rgba(59,130,246,.08),transparent)}.hero h1{font-size:clamp(2rem,5vw,2.8rem);animation:fadeUp .9s ease .2s forwards}.hero h1,.hero p{opacity:0;transform:translateY(25px)}.hero p{font-size:1.1rem;max-width:600px;margin:1rem auto 1.5rem;animation:fadeUp .9s ease .5s forwards}.hero-actions{display:inline-flex;gap:10px;opacity:0;transform:translateY(25px);animation:fadeUp .9s ease .8s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.section-title{text-align:center;font-size:1.8rem;margin-top:4rem;margin-bottom:2rem}.homepage-articles-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.homepage-articles{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow)}.homepage-articles h2{font-size:1.3rem;border-left:4px solid var(--primary-color);padding-left:.6rem;margin-top:0}.homepage-articles>[role=tablist]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.hero{position:relative;overflow:hidden;min-height:clamp(var(--hero-h-min,220px),var(--hero-h-fluid,28vw),var(--hero-h-max,380px))}.hero .hero-media{position:absolute;inset:0}.hero .hero-img{object-fit:cover;object-position:center;filter:saturate(1.05)}.hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.24) 30%,rgba(0,0,0,.15) 60%,rgba(0,0,0,0));mix-blend-mode:multiply}html.dark .hero .hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.38) 30%,rgba(0,0,0,.25) 60%,rgba(0,0,0,.15))}.hero-content{max-width:640px;margin:clamp(20px,3vw,32px) auto 0;text-align:center;padding:0 1rem}.hero-content .hero-actions,.hero-content h1,.hero-content p{opacity:0;transform:translateY(25px);animation:fadeUp .8s ease forwards}.hero-content h1{animation-delay:.1s}.hero-content p{animation-delay:.25s}.hero-content .hero-actions{animation-delay:.4s;display:inline-flex;gap:10px;margin-top:12px;flex-wrap:wrap;justify-content:center}@media (max-width:480px){.hero-content .hero-actions .btn{width:100%}}.hero .hero-inner{position:relative;z-index:1}@media (max-width:640px){.hero .btn-row,.homepage-articles-wrapper .btn-row{grid-template-columns:1fr!important;gap:.85rem}.hero .btn,.hero .btn-ghost,.hero .btn-outline,.hero .btn-primary,.homepage-articles-wrapper .btn,.homepage-articles-wrapper .btn-ghost,.homepage-articles-wrapper .btn-outline,.homepage-articles-wrapper .btn-primary{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;justify-content:center!important;white-space:nowrap}.hero [class*=actions],.hero [class*=card],.homepage-articles-wrapper [class*=actions],.homepage-articles-wrapper [class*=card]{min-width:0!important}.hero .btn-lg,.homepage-articles-wrapper .btn-lg{padding:.9rem 1rem;font-size:1rem}}@media (max-width:360px){.hero .btn,.homepage-articles-wrapper .btn{white-space:normal;line-height:1.25;text-align:center}}.homepage-articles-wrapper .article-card,.homepage-articles-wrapper .home-card{container-type:inline-size}@container (max-width: 420px){.article-card .btn,.home-card .btn{width:100%;max-width:100%;min-width:0}.article-card .btn-row,.home-card .btn-row{grid-template-columns:1fr}}.hero-media{position:relative}.hero-media .hero-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@keyframes fadeLoop{0%{opacity:1}45%{opacity:1}50%{opacity:0}95%{opacity:0}to{opacity:1}}#hero-img-1,#hero-img-2{animation-name:fadeLoop;animation-duration:10s;animation-iteration-count:infinite}#hero-img-2{animation-delay:-5s}.articles-compact .articles-list,.articles-compact .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.articles-compact .article-card{padding:1rem;border-radius:10px;border:1px solid var(--border-color);box-shadow:none}.articles-compact .article-card h3{font-size:1rem;line-height:1.35;margin:0 0 .35rem}.articles-compact .article-card p{font-size:.9rem;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.articles-compact .badge,.articles-compact .tag{font-size:.78rem}.articles-compact .card-actions{display:none}.articles-compact .article-card:hover{transform:none;box-shadow:var(--shadow)}.articles-compact .list-footer{display:flex;justify-content:center;margin-top:1rem}.articles-compact .list-footer .btn{min-width:180px}.articles-compact .list-hint{margin-top:.5rem;text-align:center;font-size:.85rem;color:var(--muted-color)}.badge{border-radius:999px;border:1px solid var(--border-color);background:var(--surface-color);margin-right:.5rem}.badge,.tag{display:inline-block;font-size:12px;padding:.2rem .5rem}.tag{border-radius:6px;border:1px dashed var(--border-color);margin-right:.35rem;color:var(--muted-color)}.progress-bar{position:fixed;top:0;left:0;height:4px;background:var(--primary-color);z-index:9999;transition:width .15s ease-out}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}