html {
    scroll-behavior: smooth;
}
[id] {
    scroll-margin-top: 100px;
}
.hero-gradient {
    background: linear-gradient(135deg, #667eea 0%, #ec4899 50%, #8b5cf6 100%);
}
.purple-gradient {
    background: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);
}
.glass-card {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}
.book-3d {
    perspective: 1000px;
    transform: rotateY(-10deg) rotateX(5deg);
    transition: transform 0.3s ease;
}
.book-3d:hover {
    transform: rotateY(-5deg) rotateX(2deg);
}
.isometric-card {
    transform: perspective(1000px) rotateX(5deg) rotateY(-5deg);
    transition: transform 0.3s ease;
}
.isometric-card:hover {
    transform: perspective(1000px) rotateX(2deg) rotateY(-2deg);
}
.number-circle {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
}
.faq-item .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.faq-item.active .faq-answer {
    max-height: 1000px;
}
.faq-item.active .faq-arrow {
    transform: rotate(180deg);
}

.mw-rich-text ul {
    list-style: disc;
    padding-left: 1.5rem;
    margin: 1rem 0;
}

.mw-rich-text ol {
    list-style: decimal;
    padding-left: 1.5rem;
    margin: 1rem 0;
}

.mw-rich-text li + li {
    margin-top: 0.5rem;
}