* { font-family: 'Inter', sans-serif; }
body { background-color: #fafafa; }
.menu-transition { transition: transform 0.3s ease-in-out; }
.menu-open { transform: translateX(0); }
.menu-closed { transform: translateX(-100%); }
.tech-tag {
    @apply px-3 py-1 bg-gray-100 text-gray-700 rounded-full text-xs font-medium;
}

body::before {
    content: '';
    position: fixed;
    top: -30%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 70vh;
    background: radial-gradient(ellipse at center, rgba(59, 131, 246, 0.232) 0%, transparent 70%);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

.bg-home {
    background-image: url("../img/bg.png");
    background-size: cover;
    background-position: top left;
}