body {
    background-color: #050505;
    color: #ffffff;
    overflow-x: hidden;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #050505; }
::-webkit-scrollbar-thumb { background: #1a1a1d; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #333; }

.glass {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.glass-hover:hover {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(45, 212, 191, 0.3);
}

.text-outline {
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
}

.glow-bg {
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(45,212,191,0.15) 0%, rgba(0,0,0,0) 70%);
    border-radius: 50%;
    top: -200px;
    right: -200px;
    z-index: -1;
    filter: blur(60px);
}

.glow-bg-2 {
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(192,132,252,0.1) 0%, rgba(0,0,0,0) 70%);
    border-radius: 50%;
    bottom: -100px;
    left: -100px;
    z-index: -1;
    filter: blur(60px);
}