danilorslima/datanimbus-cloud-governance

1/* Animations */2@keyframes fadeIn {3    from { opacity: 0; transform: translateY(20px); }4    to { opacity: 1; transform: translateY(0); }5}6 7@keyframes textGlow {8    0% { opacity: 0.8; }9    50% { opacity: 1; text-shadow: 0 0 15px rgba(104, 109, 224, 0.7); }10    100% { opacity: 0.8; }11}12 13@keyframes float {14    0% { transform: translateY(0px) rotate(0deg); }15    50% { transform: translateY(-20px) rotate(5deg); }16    100% { transform: translateY(0px) rotate(0deg); }17}18 19/* Animation classes */20.animate-fade-in {21    animation: fadeIn 1s ease-out forwards;22}23 24.animate-text-glow {25    animation: textGlow 3s ease-in-out infinite;26}27 28.animate-fade-in-delay {29    animation: fadeIn 1s ease-out 0.5s forwards;30    opacity: 0;31}32 33.animate-float {34    animation: float 6s ease-in-out infinite;35}36 37.animate-float-delay {38    animation: float 7s ease-in-out 1s infinite;39}40 41.animate-float-delay-2 {42    animation: float 8s ease-in-out 2s infinite;43}44 45/* Floating shapes */46.floating-shapes {47    position: absolute;48    width: 100%;49    height: 100%;50    overflow: hidden;51    z-index: 1;52}53 54.shape {55    position: absolute;56    opacity: 0.1;57    border-radius: 50%;58    background: linear-gradient(45deg, #667eea, #764ba2);59}60 61.shape-1 {62    width: 200px;63    height: 200px;64    top: 10%;65    left: 5%;66}67 68.shape-2 {69    width: 300px;70    height: 300px;71    bottom: 15%;72    right: 10%;73}74 75.shape-3 {76    width: 150px;77    height: 150px;78    top: 60%;79    left: 30%;80}81 82/* Feature hover effects */83.feature-card {84    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);85    box-shadow: 0 1px 3px rgba(0,0,0,0.12);86}87 88.feature-card:hover {89    box-shadow: 0 14px 28px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.08);90}