.hero-canvas{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;opacity:0.1;}.article-card{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:all;}.article-card:hover{transform:translateY(-5px);box-shadow:rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}.category-badge{transition-behavior:normal;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-property:background-color;}.category-badge:hover{background-color:rgb(79, 70, 229);}.animate-float{animation-duration:3s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:float;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.fade-in{animation-duration:0.5s;animation-timing-function:ease-in;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:fadeIn;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}html{scroll-behavior:smooth;}.casual-content p{line-height:1.7;margin-bottom:1rem;}.personal-opinion{background-color:rgb(243, 244, 246);border-left-width:4px;border-left-style:solid;border-left-color:rgb(79, 70, 229);padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem;margin-top:1rem;margin-right:0px;margin-bottom:1rem;margin-left:0px;font-style:italic;}@keyframes float{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-10px);}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0px);}}@media (max-width: 768px){.hero-section{padding-top:4rem;padding-bottom:4rem;}.article-grid{grid-template-columns:1fr;}}