body {
    background-color: #0b1326;
    color: #dae2fd;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    overflow-x: hidden;
}
.font-display,
.font-body-lg,
.font-body-md,
.font-label-caps,
.font-headline-lg,
.font-headline-lg-mobile,
.font-code-sm {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
.glass-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.3s ease;
}
.glass-card:hover {
    border-color: rgba(37,99,235,0.06);
    box-shadow: 0 6px 18px rgba(37,99,235,0.04);
    transform: translateY(-2px);
}
.text-glow {
    /* subtle emphasis instead of neon glow */
    text-shadow: none;
}
.skill-chip {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    transition: all 0.15s ease;
    color: var(--tw-text-opacity, 1);
}
.skill-chip:hover {
    background: rgba(255,255,255,0.05);
    border-color: rgba(37,99,235,0.08);
}
.gradient-mesh {
    /* subtle neutral background to replace neon accents */
    background: radial-gradient(circle at 50% 50%, rgba(99,102,241,0.03) 0%, transparent 45%),
                radial-gradient(circle at 10% 20%, rgba(148,163,184,0.02) 0%, transparent 40%);
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0b1326;
}
::-webkit-scrollbar-thumb {
    background: #171f33;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4edea3;
}