* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    background: #0f172a;
    overflow: hidden;
}

/* Градиентный фон */
.bg {
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(circle at 20% 20%, #3b82f6, transparent 40%),
        radial-gradient(circle at 80% 30%, #8b5cf6, transparent 40%),
        radial-gradient(circle at 50% 80%, #06b6d4, transparent 40%);
    filter: blur(120px);
    animation: move 20s infinite alternate ease-in-out;
}

/* Стеклянный слой */
.glass {
    position: absolute;
    inset: 0;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    background: rgba(255,255,255,0.02);
}

@keyframes move {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-5%, 5%); }
}