/* VVHUB · Lobby e Login — fundo em vídeo, menu transparente, letra branca */
.vbg{position:fixed;inset:0;z-index:0;overflow:hidden;background:#07080a}
.vbg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* provisório enquanto não há vídeo: manchas de luz se movendo devagar */
.vbg .blob{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.55;mix-blend-mode:screen}
.vbg .b1{background:#ff7a1a;left:-15vmax;top:-20vmax;animation:vvA 26s ease-in-out infinite alternate}
.vbg .b2{background:#7b2ff7;right:-20vmax;top:10vmax;animation:vvB 32s ease-in-out infinite alternate}
.vbg .b3{background:#00b3c8;left:20vmax;bottom:-30vmax;animation:vvC 38s ease-in-out infinite alternate;opacity:.4}
@keyframes vvA{to{transform:translate(25vmax,18vmax) scale(1.2)}}
@keyframes vvB{to{transform:translate(-22vmax,14vmax) scale(.9)}}
@keyframes vvC{to{transform:translate(-18vmax,-20vmax) scale(1.15)}}
@media (prefers-reduced-motion:reduce){.vbg .blob{animation:none}}
.vbg .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 45%,rgba(0,0,0,.72) 100%)}
.vbg .grain{position:absolute;inset:-50%;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

.lb{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;color:#fff;font-family:'Inter','Noto Sans SC',system-ui,sans-serif}
.lb-top{display:flex;align-items:center;gap:22px;padding:22px clamp(18px,4vw,56px)}
.lb-top img{height:26px;display:block}
.lb-top .sp{flex:1}
.lb-top a,.lb-top button{color:rgba(255,255,255,.82);text-decoration:none;font:500 13px/1 'Inter',sans-serif;background:none;border:0;cursor:pointer;padding:4px 0}
.lb-top a:hover,.lb-top button:hover,.lb-top button.on{color:#fff}
.lb-top button.on{border-bottom:1px solid #fff}
.lb-top .langs{display:flex;gap:12px}
.lb-top .who{opacity:.7;font-size:12px}
.lb-main{flex:1;display:flex;align-items:flex-end;padding:0 clamp(18px,4vw,56px) clamp(28px,6vh,64px)}
.areas{list-style:none;margin:0;padding:0;width:min(1200px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(18px,3vw,48px)}
.areas a{display:block;color:#fff;text-decoration:none;padding:18px 0 16px;border-top:1px solid rgba(255,255,255,.28);transition:border-color .2s}
.areas a:hover{border-color:#fff}
.areas .n{font:500 11px/1 'JetBrains Mono',monospace;opacity:.6;letter-spacing:.08em}
.areas b{display:flex;align-items:center;gap:10px;font:800 clamp(26px,3.2vw,44px)/1.05 'Archivo','Noto Sans SC',sans-serif;letter-spacing:-.01em;margin:8px 0 6px}
.areas b i{font-size:.55em;opacity:0;transform:translate(-6px,4px);transition:.2s}
.areas a:hover b i{opacity:1;transform:none}
.areas small{display:block;font-size:13px;line-height:1.4;color:rgba(255,255,255,.72);max-width:34ch}
.areas .tag{display:inline-block;margin-left:8px;font:600 10px/1 'Inter',sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.4);color:rgba(255,255,255,.85);vertical-align:middle}
.areas a.soon{opacity:.55}
.lb-foot{display:flex;justify-content:space-between;gap:16px;padding:0 clamp(18px,4vw,56px) 18px;font:500 11px 'JetBrains Mono',monospace;color:rgba(255,255,255,.55);letter-spacing:.08em}
.lb-foot a{color:inherit;text-decoration:none}.lb-foot a:hover{color:#fff}
@media (max-width:900px){.areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.areas{grid-template-columns:1fr}.lb-top{flex-wrap:wrap;gap:14px}}

/* tela de login sobre o vídeo */
body.login-page.vv-video{background:#07080a}
body.login-page.vv-video .login-wrap{position:relative;z-index:1}
body.login-page.vv-video .login-card{background:rgba(12,13,16,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);color:#fff}