body { background: #06090f; }
.hero-grid {
    background-image:
        linear-gradient(rgba(45, 212, 191, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(45, 212, 191, 0.03) 1px, transparent 1px);
    background-size: 48px 48px;
}
.glow-orb {
    background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(45, 212, 191, 0.12), transparent 70%);
}
.card-hover {
    transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.card-hover:hover {
    border-color: rgba(45, 212, 191, 0.35);
    transform: translateY(-2px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
.lang-btn.active {
    background: rgba(45, 212, 191, 0.15);
    color: #5eead4;
    border-color: rgba(45, 212, 191, 0.4);
}
.badge { font-size: 0.7rem; letter-spacing: 0.06em; }
@keyframes fade-up {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-in { animation: fade-up 0.6s ease-out both; }
