body {
    font-family: 'Cairo', sans-serif;
    background-color: #0d281f;
    color: #f3f4f6;
    overflow-x: hidden;
}

.font-amiri {
    font-family: 'Amiri', serif;
}

.emerald-theme {
    background: linear-gradient(135deg, #092019 0%, #0d281f 50%, #133b2e 100%);
}

.gold-text {
    color: #d4af37;
}

.card-glass {
    background: rgba(13, 40, 31, 0.85);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(212, 175, 55, 0.3);
}

#cover-screen {
    transition: opacity 0.8s ease, visibility 0.8s ease;
}

#main-content {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
}

#main-content.visible {
    opacity: 1;
    transform: translateY(0);
}