body {
    background-color: #0a0a0a;
    color: #e5e5e5;
    overflow-x: hidden;
}

.camera-grid {
    background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 33.3% 33.3%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 0;
}

.vignette {
    background: radial-gradient(circle, transparent 40%, #000000 100%);
    position: absolute;
    inset: 0;
    z-index: 1;
}

.glow-text {
    text-shadow: 0 0 20px rgba(59, 130, 246, 0.5); /* Blue glow */
}

/* Base utility from pau1 elements */
.gradient-text {
    background: linear-gradient(90deg, #60a5fa, #a78bfa);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.glass-panel {
    background: rgba(37, 37, 37, 0.7);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.hover-lift {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
}