.geometric-bg {
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0l30 30-30 30L0 30z' fill='%23f4dde1' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.glass-card {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(174, 39, 92, 0.1);
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in { animation: fade-in 0.8s ease-out forwards; }

.reveal-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.reveal-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar { display: none; }

/* Hide scrollbar for IE, Edge and Firefox */
html { -ms-overflow-style: none; scrollbar-width: none; }