/* MU Binance: presentation layer. Existing background and PVP component preserved. */
:root{--mb-gold:#f0b90b;--mb-light:#ffe597;--mb-line:rgba(240,185,11,.28)}
#navbar{background:linear-gradient(180deg,rgba(15,17,22,.96),rgba(15,17,22,.88));border:1px solid var(--mb-line);border-radius:0 0 16px 16px;box-shadow:0 12px 35px #0006}
#navbar .menu{flex-wrap:wrap;margin:0;padding:0}#navbar .menu a{padding:0 20px;font-weight:700;font-size:13px;letter-spacing:.5px}#navbar .menu a:hover,#navbar .menu .active a{color:var(--mb-gold)}#navbar .menu a:hover:after,#navbar .menu .active a:after{background:var(--mb-gold)}
.header .logo{width:780px;left:34%;top:375px;max-width:65%}.mb-beta{position:absolute;bottom:12%;right:7%;padding:7px 14px;border-radius:5px;background:var(--mb-gold);border:1px solid var(--mb-light);color:#111;font:800 15px/1.2 Arial,sans-serif;letter-spacing:3px;box-shadow:0 0 18px #f0b90b55}
.serverInfo__name .mb-dynamic{font:800 14px/1.15 Arial,sans-serif;color:#ffd34a;text-shadow:1px 1px 2px #000,-1px -1px 1px #000,0 0 10px #f0b90b80;letter-spacing:.3px;animation:mb-gold-glow 4s ease-in-out infinite}.serverInfo{padding-top:18px}.serverInfo__name{margin-bottom:7px}
@keyframes mb-gold-glow{50%{text-shadow:1px 1px 2px #000,-1px -1px 1px #000,0 0 16px #f0b90bcc}}
.mb-welcome,.mb-steps{font-family:Arial,sans-serif;box-sizing:border-box;max-width:1200px;margin:24px auto;color:#e7e9ed}.mb-welcome{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:30px;padding:36px;background:linear-gradient(120deg,rgba(25,27,34,.96),rgba(12,14,19,.9));border:1px solid var(--mb-line);border-radius:16px;box-shadow:0 16px 45px #0005}.mb-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--mb-gold)}.mb-welcome h1{font:800 40px/1.12 Arial,sans-serif;color:#fff;margin:16px 0}.mb-welcome p{font-size:14px;line-height:1.7;color:#bfc3cd;margin:12px 0}.mb-welcome .mb-prize{color:#f6e9c5;font-size:17px}.mb-prize strong{font-size:36px;color:var(--mb-gold);margin-right:10px}.mb-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.mb-actions a{display:inline-block;padding:13px 19px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:800}.mb-action-primary{background:var(--mb-gold);color:#111}.mb-action-primary:hover{background:#ffda59;color:#111}.mb-action-secondary{border:1px solid #68604a;color:#ffe597}.mb-action-secondary:hover{color:#fff;border-color:var(--mb-gold)}.mb-duo{border:1px solid var(--mb-line);background:linear-gradient(150deg,#27251e99,#11141c);border-radius:12px;padding:25px;align-self:stretch}.mb-duo h2{font:700 21px/1.3 Arial,sans-serif;color:#fff;margin:14px 0}.mb-duo-symbol{font-size:52px;font-weight:800;color:var(--mb-gold);letter-spacing:5px;margin:18px 0}.mb-duo-symbol span{font-size:30px;color:#8b8168}.mb-duo>strong{font-size:16px;color:var(--mb-light)}.mb-duo p{font-size:12px}.mb-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;scroll-margin-top:20px}.mb-steps article{padding:23px;border:1px solid var(--mb-line);border-radius:10px;background:linear-gradient(140deg,#20232beF,#10131aef)}.mb-steps article>span{font-size:10px;letter-spacing:1.5px;color:var(--mb-gold);font-weight:800}.mb-steps h2{font:700 19px/1.3 Arial,sans-serif;color:#fff;margin:13px 0}.mb-steps p{font-size:13px;line-height:1.7;color:#bbc0cc}.mb-steps a{color:var(--mb-gold);font-size:13px;font-weight:bold}
.mb-home{background:linear-gradient(145deg,rgba(20,23,30,.96),rgba(11,13,18,.95));border-color:var(--mb-line);border-radius:14px;padding:26px}.mb-home h2{color:var(--mb-light);font-weight:700;font-size:22px;margin:14px 0 20px}.mb-home .mb-card,.mb-home .mb-panel{background:linear-gradient(140deg,#20232c,#12151d);border-color:#ffffff16;border-radius:10px}.mb-home .mb-card{border-top:2px solid var(--mb-gold)}.mb-home button{background:#191c24;border:1px solid var(--mb-line);border-radius:6px;color:#e6e8ee}.mb-home button[aria-pressed=true]{background:var(--mb-gold);border-color:var(--mb-gold);color:#111;font-weight:bold}.mb-home .mb-leader{background:#f0b90b12}.mb-home .mb-portrait{width:72px;height:72px}.mb-home .mb-card h3{font-size:14px}.mb-home .mb-card{transition:transform .2s,border-color .2s}.mb-home .mb-card:hover{transform:translateY(-3px);border-color:var(--mb-line)}
.mb-actions a:focus-visible,.mb-steps a:focus-visible{outline:2px solid var(--mb-light);outline-offset:4px}
@media(max-width:1280px){.wrapper{width:100%;max-width:1280px}#navbar{width:100%;left:0}.mb-welcome,.mb-steps,.mb-home{max-width:calc(100% - 32px)}}
@media(max-width:1100px){.header .logo{left:34%;width:700px;max-width:65%;top:390px}.mb-welcome{gap:20px;padding:26px}.mb-welcome h1{font-size:34px}}
@media(max-width:800px){#navbar .menu a{padding:0 12px;font-size:11px;height:45px;line-height:45px}.mb-welcome{grid-template-columns:1fr}.mb-duo-symbol{margin:12px 0}.mb-steps{grid-template-columns:1fr}.header .logo{left:50%;top:450px;max-width:95%}.mb-beta{font-size:12px;padding:5px 10px}.button-top{height:auto;flex-wrap:wrap;justify-content:center}.header__statusBlock{width:100%;padding:0;order:-1}.container-web{flex-wrap:wrap}.container-web>.content{width:100%;order:-1;margin:0 0 20px}.container-web>.sidebar{width:50%;box-sizing:border-box}.mb-welcome h1{font-size:31px}}
@media(max-width:480px){.mb-welcome{padding:22px}.mb-welcome h1{font-size:28px}.mb-prize strong{display:block}.mb-actions a{text-align:center;width:100%}.container-web>.sidebar{width:100%}.mb-home{padding:16px}.mb-beta{bottom:5%;right:5%}}
@media(prefers-reduced-motion:reduce){.serverInfo__name .mb-dynamic{animation:none}.mb-home .mb-card{transition:none}}