.glass-nav {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.hero-pattern {
    background-image: radial-gradient(circle at 2px 2px, rgba(25, 120, 229, 0.05) 1px, transparent 0);
    background-size: 32px 32px;
}

.abstract-3d-bg {
    background: radial-gradient(circle at center, rgba(25, 120, 229, 0.08) 0%, transparent 70%);
}

.cloud-shape {
    position: absolute;
    background-color: rgba(224, 242, 254, 0.6);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.dark .cloud-shape {
    background-color: rgba(25, 120, 229, 0.2);
    border-color: rgba(25, 120, 229, 0.2);
}