.floating-cards{position:relative;width:400px;height:400px;margin:0 auto;}.floating-card{position:absolute;width:80px;height:80px;background:rgba(255,255,255,0.95);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 30px rgba(0,0,0,0.1);border:1px solid rgba(0,212,170,0.2);backdrop-filter:blur(10px);transition:all 0.3s ease;}.floating-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px rgba(0,212,170,0.2);border-color:var(--primary-color);}.floating-card i{font-size:24px;color:var(--primary-color);}.floating-card span{font-size:12px;font-weight:600;color:var(--text-primary);}.card-1{top:20px;left:50px;animation:float1 6s ease-in-out infinite;}.card-2{top:80px;right:30px;animation:float2 6s ease-in-out infinite 1s;}.card-3{bottom:100px;left:20px;animation:float3 6s ease-in-out infinite 2s;}.card-4{bottom:40px;right:80px;animation:float4 6s ease-in-out infinite 3s;}@keyframes float1{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-15px) rotate(5deg);}}@keyframes float2{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-20px) rotate(-5deg);}}@keyframes float3{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-10px) rotate(3deg);}}@keyframes float4{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-25px) rotate(-3deg);}}@media (max-width:1024px){.floating-cards{width:300px;height:300px;}.floating-card{width:60px;height:60px;}.floating-card i{font-size:18px;}.floating-card span{font-size:10px;}}@media (max-width:768px){.floating-cards{display:none;}}