/* Etapa 124 — Opção 2. Somente apresentação pública. CSS externo compatível com CSP. */
.mm124-header{background:#050b16;border-bottom:1px solid #24435c;box-shadow:0 6px 24px #0005}
.mm124-nav{width:min(1470px,calc(100% - 64px));min-height:108px;gap:22px}
.mm124-brand{display:flex;align-items:center;flex:0 1 350px;max-width:350px;min-width:0}
.mm124-brand img{display:block;width:100%;height:92px;object-fit:contain;object-position:left center}
.mm124-menu-desktop{display:flex;align-items:center;justify-content:center;gap:42px;flex:1;min-width:0;height:108px}
.mm124-menu-item{display:inline-flex;gap:10px;align-items:center;justify-content:center;position:relative;min-height:68px;padding:13px 7px;color:#acbdd2!important;font-size:1.06rem;font-weight:650;white-space:nowrap}
.mm124-menu-item>span:first-child{font-size:1.4rem;font-weight:600}
.mm124-menu-current{color:#ffd36d!important}
.mm124-menu-current:after{content:'';display:block;position:absolute;left:5px;right:5px;bottom:9px;height:2px;background:#f7b331;box-shadow:0 0 20px #ffb32f6c}
.mm124-menu-current:hover{color:#ffe19b!important}
.mm124-menu-future{opacity:.64;cursor:not-allowed}
.mm124-menu-future small{color:#f7bd5a;font-size:.65rem;letter-spacing:.01em;border:1px solid #8d6726;border-radius:9px;padding:2px 6px;font-style:normal}
.mm124-login-desktop,.mm124-hero-primary{background:linear-gradient(110deg,#ffc755,#ffa919);border:1px solid #ffdb87;box-shadow:0 12px 30px #c3821831;color:#111420!important;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800;text-align:center;transition:transform .16s,filter .16s}
.mm124-login-desktop{min-width:165px;min-height:58px;padding:14px 26px;font-size:1.04rem}
.mm124-login-desktop span,.mm124-hero-primary span:first-child{font-size:1.15rem}
.mm124-login-desktop:hover,.mm124-hero-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.mm124-mobile-menu{display:none}
.mm124-hero{width:min(1470px,calc(100% - 44px));max-width:none;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);min-height:570px;gap:18px;align-items:stretch;padding:0;margin:16px auto 12px;position:relative;overflow:hidden;border:1px solid #305377;border-radius:21px;background:linear-gradient(105deg,#061222 8%,#0a2742 59%,#061323 100%);box-shadow:0 18px 66px #0005}
.mm124-hero-inner{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:46px 22px 54px clamp(25px,5vw,88px);max-width:710px}
.mm124-kicker{font-size:.86rem;font-weight:800;letter-spacing:.13em;color:#4cccff;margin-bottom:14px}
.mm124-hero h1{margin:0 0 14px;font-size:clamp(2.2rem,4.0vw,4.15rem);letter-spacing:-.045em;line-height:1.04;font-weight:900;white-space:nowrap}
.mm124-heading-white{color:#f4faff}.mm124-heading-gold{color:#ffb73c}
.mm124-subtitle{font-size:clamp(1.65rem,2.35vw,2.75rem);line-height:1.22;letter-spacing:-.035em;margin:0 0 14px;font-weight:800;color:#f8fbff}
.mm124-hero .mm123-lead{color:#bdd1e2;font-size:clamp(1rem,1.4vw,1.16rem);max-width:570px;margin:0 0 24px;line-height:1.7}
.mm124-hero-primary{padding:16px 25px;min-height:57px;font-size:1rem}
.mm124-hero-footnote{font-size:.78rem;color:#8bafc9;margin:20px 0 0}
.mm124-hero-visual{min-width:0;position:relative;display:flex;justify-content:center;align-items:flex-end;background:radial-gradient(ellipse at 52% 42%,#086da25e,transparent 54%),linear-gradient(100deg,transparent 0%,#11385b79 100%)}
.mm124-hero-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 107px,#78a4d517 108px,#78a4d517 110px,transparent 112px),repeating-linear-gradient(0deg,transparent,transparent 65px,#5e9ed81a 66px,#5e9ed81a 68px,transparent 71px);opacity:.58;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 100%)}
.mm124-server-fans{position:absolute;inset:40px 22px 48px 60px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:14px;opacity:.42;transform:perspective(550px) rotateY(-10deg)}
.mm124-server-fans i{display:block;border:2px solid #509bd2;border-radius:12px;background:repeating-radial-gradient(circle at center,#0c172d 0 10px,#2d5680 11px 13px,#091527 15px 24px,#32618a 25px 27px,#0a1930 28px 40px);box-shadow:inset 0 0 24px #021323,0 0 22px #1e80d01a}
.mm124-hero-halo{position:absolute;width:min(90%,520px);aspect-ratio:1;border-radius:50%;right:9%;bottom:0;filter:blur(6px);background:radial-gradient(circle,#058af844 0%,#005bab35 43%,transparent 70%)}
.mm124-hero-mascot{position:relative;z-index:2;display:block;object-fit:contain;object-position:center bottom;max-height:560px;max-width:min(100%,585px);width:auto;height:auto;filter:drop-shadow(0 10px 28px #050b18bd)}
.mm124-footer-brand{display:inline-flex;align-items:center;max-width:200px}
.mm124-footer-brand img{display:block;max-width:100%;height:auto}
@media(max-width:1050px){.mm124-nav{width:calc(100% - 36px);gap:14px}.mm124-brand{flex-basis:260px}.mm124-brand img{height:80px}.mm124-menu-desktop{gap:19px}.mm124-menu-item{font-size:.94rem}.mm124-login-desktop{min-width:130px;padding:12px 18px}.mm124-hero{min-height:490px}.mm124-hero-inner{padding-left:35px}.mm124-hero h1{white-space:normal}.mm124-hero-mascot{max-height:475px}.mm124-server-fans{inset:45px 12px 42px 20px}}
@media(max-width:760px){.mm124-nav{width:calc(100% - 30px);min-height:80px;align-items:center;flex-wrap:nowrap;padding:8px 0}.mm124-brand{flex:1 1 auto;max-width:242px}.mm124-brand img{height:66px}.mm124-menu-desktop,.mm124-login-desktop{display:none}.mm124-mobile-menu{display:block;position:relative;margin-left:auto}.mm124-mobile-menu summary{list-style:none;display:flex;align-items:center;gap:8px;color:#ecf5ff;min-height:44px;padding:7px 12px;border-radius:10px;border:1px solid #2d4e6b;background:#12243b;cursor:pointer;font-weight:750}.mm124-mobile-menu summary::-webkit-details-marker{display:none}.mm124-mobile-menu summary>span:first-child{font-size:1.45rem}.mm124-mobile-menu[open] summary{border-color:#efa944}.mm124-mobile-dropdown{position:absolute;right:0;top:calc(100% + 9px);width:min(85vw,305px);padding:11px;border:1px solid #345a7d;border-radius:13px;background:#09182b;box-shadow:0 22px 50px #000c;display:flex;flex-direction:column;gap:7px;z-index:60}.mm124-mobile-dropdown a,.mm124-mobile-dropdown>span{display:flex;flex-direction:column;padding:13px;color:#f2f8ff;border-radius:8px;background:#152c45;font-weight:750}.mm124-mobile-dropdown a span,.mm124-mobile-dropdown small{font-size:.75rem;color:#9dc6e7;font-weight:450;margin-top:4px}.mm124-mobile-dropdown>span{opacity:.6}.mm124-hero{width:calc(100% - 22px);display:flex;flex-direction:column;padding:0;min-height:0;gap:0}.mm124-hero-inner{max-width:none;padding:35px 26px 22px}.mm124-hero h1{font-size:clamp(2.25rem,8vw,3.9rem)}.mm124-subtitle{font-size:clamp(1.6rem,6vw,2.25rem)}.mm124-hero-visual{min-height:330px;max-height:460px}.mm124-hero-mascot{height:410px;max-height:410px;max-width:90vw}.mm124-server-fans{inset:20px 38px 35px}.mm124-hero-halo{right:15%}}
@media(max-width:425px){.mm124-hero-inner{padding:29px 18px 15px}.mm124-kicker{font-size:.7rem}.mm124-hero h1{font-size:clamp(1.98rem,8.2vw,2.65rem)}.mm124-subtitle{font-size:1.6rem}.mm124-hero .mm123-lead{font-size:.97rem}.mm124-hero-primary{font-size:.91rem;width:100%;padding:13px 9px}.mm124-hero-visual{min-height:270px}.mm124-hero-mascot{height:320px;max-height:320px}.mm124-menu-label{display:none}}
@media(prefers-reduced-motion:reduce){.mm124-login-desktop,.mm124-hero-primary{transition:none}}