/* Global body background - ensures all pages have dark background by default */
body {
    background: #0a0a0a;
    margin: 0;
    padding: 0;
}

/* Hover sheen effect - requires position: relative and overflow: hidden on parent */
.hover-sheen {
    position: relative;
    overflow: hidden;
}

.hover-sheen::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    transition: left 0.5s;
}

.hover-sheen:hover::before {
    left: 100%;
}

/* Backdrop blur utilities */
.backdrop-blur {
    backdrop-filter: blur(20px);
}

/* White border utilities */
.border-white-20 {
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.border-white-10 {
    border: 2px solid rgba(255, 255, 255, 0.1);
}