@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&family=Cairo:wght@400;700&display=swap');

:root { 
    --main-purple: #7b2cbf; 
    --bg-color: #0d0a14; 
    --card-bg: #161220; 
}

html {
    scroll-behavior: smooth;
}

body { 
    background-color: var(--bg-color); 
    color: #fff;
    margin: 0; 
}


.bg-glow {
    display: none;
}

.glass { 
    background: #1a1625; 
    border-bottom: 1px solid #2d2640;
}

.navbar { 
    position: fixed; 
    top: 0; 
    left: 0;
    width: 100%; 
    z-index: 100; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 1.2rem 4rem; 
    box-sizing: border-box;
}

.nav-links { display: flex; align-items: center; gap: 28px; }
.nav-item-link { color: #fff; text-decoration: none; opacity: 0.8; font-size: 0.9rem; transition: 0.2s; font-weight: 500; }
.nav-item-link:hover { opacity: 1; color: var(--main-purple); }

.main-title { 
    font-size: clamp(3rem, 8vw, 5rem); 
    font-weight: 700; 
    margin: 0; 
    color: #fff;
    letter-spacing: -1px;
}

.glass-card { 
    padding: 24px; 
    border-radius: 8px; 
    background: var(--card-bg); 
    border: 1px solid #2d2640;
    transition: border-color 0.2s;
}

.glass-card:hover { 
    border-color: var(--main-purple);
}


.animate-pulse, .animate-spin-slow, .animate-bounce, .tilt-card {
    animation: none !important;
    transform: none !important;
}


body[dir="rtl"] { font-family: 'Cairo', sans-serif; }
body[dir="ltr"] { font-family: 'Space Grotesk', sans-serif; }

@media (max-width: 768px) {
    .navbar { padding: 1rem 1.5rem; }
    .nav-links, .work-time { display: none !important; }
}