body {
    font-family: 'Vazirmatn', sans-serif;
    background-color: #0B131F;
    color: #E2E8F0;
    overflow-x: hidden;
}

/* Glassmorphism utility */
.glass-panel {
    background: rgba(24, 38, 62, 0.65);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-nav {
    background: rgba(11, 19, 31, 0.85);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.glow-border-emerald {
    box-shadow: 0 0 25px -5px rgba(16, 185, 129, 0.3);
    border: 1px solid rgba(16, 185, 129, 0.4);
}

.glow-border-red {
    box-shadow: 0 0 25px -5px rgba(239, 68, 68, 0.35);
    border: 1px solid rgba(239, 68, 68, 0.4);
}

.glow-border-cyan {
    box-shadow: 0 0 30px -5px rgba(0, 200, 151, 0.25);
    border: 1px solid rgba(0, 200, 151, 0.3);
}

/* Perspective and 3D Transforms */
.perspective-1000 {
    perspective: 1200px;
}

.hero-phone-rotate {
    transform: rotateY(-12deg) rotateX(8deg) rotateZ(2deg);
    transition: all 0.5s ease;
}

.hero-phone-rotate:hover {
    transform: rotateY(-4deg) rotateX(3deg) rotateZ(0deg);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0B131F;
}

::-webkit-scrollbar-thumb {
    background: #1E293B;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #00C897;
}