@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shine{0%{background-position:-100%}to{background-position:200%}}.home-container{max-width:1100px;padding:calc(var(--padding-md) + 4px);margin:0 auto;gap:clamp(var(--spacing-md),3vw,var(--spacing-xl))}.blog-section,.home-container{display:flex;flex-direction:column}.blog-section{gap:var(--spacing-lg);animation:fadeInUp 1s ease-out .2s both}.blog-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-main);text-align:center}.blog-grid{display:flex;gap:var(--spacing-lg);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:wrap}.blog-grid::-webkit-scrollbar{display:none}.blog-grid>.blog-card{scroll-snap-align:start;flex:0 0 auto}.blog-card{background-color:var(--background-main);color:var(--text-main);padding:var(--padding-md);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);width:300px;flex-shrink:0;animation:fadeInUp .6s ease-out backwards}.blog-card,.blog-card>a{text-decoration:none;display:flex;flex-direction:column;gap:var(--spacing-md)}.blog-card>a{color:inherit}.blog-card:hover{background-color:var(--background-hover)}.blog-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-main);text-decoration:none;margin:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-card-excerpt{line-height:1.5}.blog-card-date,.blog-card-excerpt{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;margin:0}.blog-card-date{font-weight:var(--font-weight-medium)}@media (max-width:768px){.home-container{padding:var(--padding-md);gap:var(--spacing-lg)}.blog-grid{flex-wrap:wrap;overflow-x:visible}.blog-card{width:260px}}@media (max-width:400px){.blog-card{width:260px}}@media (max-width:300px){.blog-card{width:220px}}