html, body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

/* Core Cursor & Selection */
@media (pointer: fine) {
    body, a, button, .cursor-pointer {
        cursor: none !important;
    }
}

.hover-stroke {
    color: transparent;
    -webkit-text-stroke: 2px #fff;
}
.hover-stroke:hover {
    color: #4f46e5;
    -webkit-text-stroke: 0px transparent;
}

/* Hide scrollbar for cleaner look */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #050505;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4f46e5;
}

/* Ensure canvas doesn't block interactions */
canvas {
    pointer-events: none;
}