.welcome-page{background:#020e19;color:#eef6ff;min-height:100vh}.welcome-page>.vivo-nav{position:relative;background:#041522;border-bottom:1px solid #2c4e64}.welcome-landing{max-width:1240px;margin:auto;padding:20px 30px 44px}.welcome-landing *{box-sizing:border-box}.welcome-landing :is(h1,h2,h3,p){margin:0}.welcome-landing a{text-decoration:none}.welcome-landing :is(a,button):focus-visible{outline:2px solid #65dcf7;outline-offset:4px}.welcome-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #2b526d;border-radius:12px;padding:52px 40px;background:linear-gradient(90deg,#041422f5 15%,#041422cc 50%,#04142218),url(/arena/pages/lobby-hero.webp) 50%/cover;min-height:380px}.welcome-eyebrow{display:flex;align-items:center;gap:8px;color:#68d9f3;font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}.welcome-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#7fe24a;box-shadow:0 0 9px #7fe24a55}.welcome-hero h1{font-size:clamp(32px,4vw,52px);font-weight:900;line-height:1.08;letter-spacing:-1.2px;max-width:710px;margin-top:18px}.welcome-hero h1>span{color:#6adaf2}.welcome-intro{max-width:475px;font-size:15px;line-height:1.65;color:#c1d5e4;margin-top:20px!important}.welcome-entry{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:27px}.welcome-primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:12px 23px;border:1px solid #6ee4fa;border-radius:8px;background:linear-gradient(110deg,#17b5e4,#32cde7);color:#022033;font-size:14px;font-weight:850}.welcome-primary:hover{filter:brightness(1.1)}.welcome-login{font-size:12px;color:#c2d4e2;display:inline-flex;align-items:center;gap:5px;min-height:44px}.welcome-login strong{color:#80d9f5}.welcome-account-note{font-size:10px;line-height:1.5;color:#95aec0;margin-top:12px!important}.welcome-start{margin:29px 0}.welcome-formulas h2,.welcome-start h2{font-size:23px;line-height:1.2;letter-spacing:-.4px;font-weight:850;margin-top:7px}.welcome-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}.welcome-action{--welcome-tone:#45cde8;display:flex;align-items:center;gap:15px;border:1px solid #2b5770;border-radius:10px;background:linear-gradient(120deg,#0b273c,#051421);padding:20px;color:#eaf5fc;min-width:0}.welcome-action[data-tone=purple]{--welcome-tone:#c293fa;border-color:#61427d;background:linear-gradient(120deg,#25193b,#091421)}.welcome-action>svg:first-child{width:31px;height:31px;color:var(--welcome-tone);flex-shrink:0}.welcome-action>svg:last-child{margin-left:auto;flex-shrink:0;color:var(--welcome-tone)}.welcome-action h3{font-size:18px;font-weight:800}.welcome-action p{color:#b1c9da;font-size:12px;line-height:1.6;margin-top:4px}.welcome-action small{display:block;font-size:10px;color:var(--welcome-tone);margin-top:9px}.welcome-action:hover{border-color:var(--welcome-tone)}.welcome-discover{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:14px}.welcome-discover a,.welcome-formulas header>a{min-height:44px;display:inline-flex;align-items:center;gap:9px;color:#8edbf1;font-size:12px}.welcome-formulas{border-top:1px solid #254254;padding-top:25px;margin-top:30px}.welcome-formulas>header{display:flex;justify-content:space-between;align-items:center;gap:15px}.welcome-formulas>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:18px}.welcome-formulas article{--welcome-tone:#f26b82;border:1px solid #2d475b;border-top:2px solid var(--welcome-tone);border-radius:9px;background:#071927;padding:20px 17px}.welcome-formulas article[data-tone=cyan]{--welcome-tone:#40cee4}.welcome-formulas article[data-tone=yellow]{--welcome-tone:#e8cf5c}.welcome-formulas article[data-tone=purple]{--welcome-tone:#c08beb}.welcome-formulas article>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--welcome-tone)}.welcome-formulas article svg{width:25px;height:25px}.welcome-formulas article span{font-size:9px;font-weight:800;letter-spacing:1px}.welcome-formulas article h3{font-size:17px;font-weight:800;margin-top:17px}.welcome-formulas article p{font-size:12px;line-height:1.6;color:#abc4d5;margin-top:9px}body:has(.welcome-page) .vivo-bottom-nav a[aria-current=page]{color:#52d7f0;background:#0a2b3c;box-shadow:none}body:has(.welcome-page) .vivo-bottom-nav a[aria-current=page] svg{filter:none}@media(max-width:767px){.welcome-landing{padding:12px 14px 25px}.welcome-hero{padding:29px 20px 27px;min-height:0;background-position:58%;background-image:linear-gradient(90deg,#041422eb,#04142288),url(/arena/pages/lobby-hero.webp)}.welcome-hero h1{font-size:33px;letter-spacing:-.9px;margin-top:15px}.welcome-intro{font-size:13px;line-height:1.6;margin-top:16px!important;max-width:360px}.welcome-entry{gap:8px;margin-top:21px}.welcome-primary{min-height:46px;font-size:13px;padding:11px 18px;gap:19px}.welcome-login{font-size:11px}.welcome-account-note{font-size:10px}.welcome-start{margin:24px 0 16px}.welcome-formulas h2,.welcome-start h2{font-size:21px}.welcome-actions{gap:10px;margin-top:14px}.welcome-action{padding:16px 13px;gap:10px;align-items:flex-start}.welcome-action>svg:first-child{width:25px;height:25px}.welcome-action>svg:last-child{display:none}.welcome-action h3{font-size:15px;line-height:1.3}.welcome-action p{font-size:11px;line-height:1.5}.welcome-action small{font-size:9px;margin-top:7px;line-height:1.5}.welcome-discover{gap:0 14px;margin-top:8px}.welcome-discover a{font-size:11px}.welcome-formulas{margin-top:22px;padding-top:22px}.welcome-formulas>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.welcome-formulas article{padding:17px 13px}.welcome-formulas article h3{font-size:16px}.welcome-formulas article p{font-size:11px}.welcome-formulas>header{align-items:flex-end}.welcome-formulas header>a{font-size:10px;white-space:nowrap}.welcome-eyebrow{font-size:9px;letter-spacing:1.3px}.welcome-formulas .welcome-eyebrow{max-width:220px;line-height:1.5}}@media(max-width:359px){.welcome-hero{padding:25px 16px}.welcome-hero h1{font-size:29px}.welcome-actions{grid-template-columns:1fr}.welcome-action>svg:last-child{display:block}}