/* Liquid Glass Aesthetic */
body {
    background: radial-gradient(circle at 10% 20%, rgba(216, 241, 230, 0.46) 0%, rgba(233, 226, 226, 0.28) 90.1%);
}

.glass-panel {
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 2.5rem;
    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.05);
}

.platform-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
}

/* Human-Centric Slide Animation */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

.card-animate {
    animation: fadeInUp 0.7s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

/* Mobile Adjustments */
@media (max-width: 640px) {
    .glass-panel { border-radius: 1.5rem; }
}