@keyframes softGradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card-container{background:linear-gradient(145deg,#f96903,#fa7313,#f47920,#f7893b,#f5924b,#f7a469,#f9b889,#f7cbac,#f8d7bf,#f5dccb);background-size:300% 100%;animation:softGradientAnimation 4s ease infinite;box-shadow:0 10px 20px rgba(0,0,0,.2);transition:all .5s ease;position:relative}.card-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.15);border-radius:50%;z-index:10}.card-container:hover{transform:translateY(-20px);box-shadow:0 15px 30px rgba(0,0,0,.3);animation:softGradientAnimation 7s ease infinite}@media (max-width:1200px){.card-container{width:100%;max-width:300px;margin:0 auto}}@media (max-width:950px){.card-container{width:100%;max-width:250px;margin:0 auto}}@media (max-width:420px){.card-container{width:100%;max-width:140px;margin:0 auto}}.section-title{margin-bottom:40px;color:#17456b;position:relative}.section-title:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;border:2px solid #1b4b6b;border-radius:15px;clip-path:inset(0);animation:borderAnimation 3s linear infinite}@keyframes borderAnimation{0%{clip-path:inset(100% 0 0 0)}25%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 100% 0)}75%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(100% 0 0 0)}}