.floating-cards{display:flex;flex-direction:column;gap:28px;position:relative;perspective:1000px}.floating-card{background:#153750;color:#fff;border-radius:12px;padding:32px 32px 28px;box-shadow:0 10px 30px rgba(21,55,80,.15),0 4px 12px rgba(21,55,80,.08);border-left:4px solid #d2d945;position:relative;will-change:transform;transition:box-shadow .3s ease,border-left-width .3s ease}.floating-card:hover{animation-play-state:paused;box-shadow:0 18px 45px rgba(21,55,80,.25),0 6px 18px rgba(21,55,80,.12);border-left-width:6px}.floating-card::after{content:'';position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background:#d2d945;opacity:.6}.floating-card__title{color:#fff;font-size:22px;font-weight:700;line-height:1.25;margin:0 0 22px;letter-spacing:.01em;padding-bottom:14px;border-bottom:1px solid rgba(210,217,69,.18)}.floating-card__action{display:flex;align-items:center;gap:12px}.floating-card::before{content:'';position:absolute;bottom:-10px;left:10%;right:10%;height:12px;background:radial-gradient(ellipse at center,rgba(21,55,80,.15) 0,rgba(21,55,80,0) 70%);z-index:-1;border-radius:50%;pointer-events:none}.floating-card--1{margin-right:60px;animation:float-card-1 7s ease-in-out infinite}.floating-card--2{margin-left:80px;animation:float-card-2 9s ease-in-out infinite .6s}.floating-card--3{margin-left:30px;margin-right:40px;animation:float-card-3 8s ease-in-out infinite 1.2s}@keyframes float-card-1{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(4px,-6px) rotate(.3deg)}50%{transform:translate(-3px,3px) rotate(-.2deg)}75%{transform:translate(3px,5px) rotate(.2deg)}}@keyframes float-card-2{0%,100%{transform:translate(0,0) rotate(0)}33%{transform:translate(-5px,-4px) rotate(-.3deg)}66%{transform:translate(3px,6px) rotate(.25deg)}}@keyframes float-card-3{0%,100%{transform:translate(0,0) rotate(0)}20%{transform:translate(3px,5px) rotate(.2deg)}50%{transform:translate(-5px,-3px) rotate(-.3deg)}80%{transform:translate(6px,2px) rotate(.15deg)}}@media (max-width:768px){.floating-cards{gap:20px}.floating-card{padding:26px 24px 22px}.floating-card__title{font-size:19px;margin-bottom:18px}.floating-card--1,.floating-card--2,.floating-card--3{margin-left:0;margin-right:0}}@media (max-width:480px){.floating-card{padding:22px 20px 20px}.floating-card__title{font-size:17px}}@media (prefers-reduced-motion:reduce){.floating-card--1,.floating-card--2,.floating-card--3{animation:none}}