:root, html, body {
    background-color: #0A0514 !important;
    color: #E1E2E7 !important;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.glass-card {
    background: rgba(26, 17, 51, 0.4);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(90, 0, 255, 0.15);
}
.glass-card:hover {
    border-color: rgba(90, 0, 255, 0.4);
    background: rgba(26, 17, 51, 0.6);
}
.hero-gradient {
    background: radial-gradient(circle at 50% 50%, rgba(90, 0, 255, 0.1) 0%, transparent 70%);
}
.timeline-line {
    background: linear-gradient(to bottom, #5A00FF 0%, rgba(90, 0, 255, 0.1) 100%);
}
.glow-on-hover:hover {
    box-shadow: 0 0 20px rgba(90, 0, 255, 0.3);
}