.glass-nav {
    background: rgba(15, 34, 35, 0.8);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(58, 84, 85, 0.5);
}
.hero-gradient {
    background: radial-gradient(circle at 50% 50%, rgba(6, 237, 249, 0.1) 0%, transparent 70%);
}
.glow-hover:hover {
    box-shadow: 0 0 15px rgba(6, 237, 249, 0.4);
}
body {
    font-family: 'Space Grotesk', sans-serif;
}
input[type='range'] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #334155;
    height: 0.375rem;
    border-radius: 9999px;
    cursor: pointer;
}
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    border-radius: 9999px;
    background-color: #00f0ff;
    border: 2px solid #0f2223;
    box-shadow: 0 0 10px rgba(0,240,255,0.5);
}
.digital-readout {
    font-family: 'Space Grotesk', monospace;
    text-shadow: 0 0 12px rgba(0, 240, 255, 0.4);
}
.plexiglass-sheen {
    background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 50%, rgba(255,255,255,0) 100%);
}
.vortex-chamber {
    clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}