body.mb{overflow-x:clip}
.mb-hero{position:relative;padding:110px 0 70px;color:#fff;text-align:center;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 120%,rgba(61,180,242,.35),transparent 70%),radial-gradient(ellipse 40% 40% at 85% 10%,rgba(184,146,255,.3),transparent 70%),linear-gradient(180deg,#070B18,#0E1630 60%,#15204A)}
.mb-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.35) 1px,transparent 1.6px) 0 0/26px 26px;opacity:.35;-webkit-mask:linear-gradient(#000,transparent 85%);mask:linear-gradient(#000,transparent 85%)}
.mb-orbit{position:absolute;left:50%;top:58%;width:0;height:0;pointer-events:none}
.mb-orbit i{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;animation:mbSpin 40s linear infinite}
.mb-orbit i::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:#6CCBFF;box-shadow:0 0 12px #6CCBFF}
.mb-orbit i:nth-child(1){width:380px;height:380px;margin:-190px}
.mb-orbit i:nth-child(2){width:640px;height:640px;margin:-320px;animation-duration:70s;animation-direction:reverse}.mb-orbit i:nth-child(2)::after{background:#FF8FD0;box-shadow:0 0 12px #FF8FD0}
.mb-orbit i:nth-child(3){width:920px;height:920px;margin:-460px;animation-duration:110s}.mb-orbit i:nth-child(3)::after{background:#FFD34D;box-shadow:0 0 12px #FFD34D}
@keyframes mbSpin{to{transform:rotate(360deg)}}
.mb-hero .wrap{position:relative}
.mb-hero h1{margin:0;font:400 clamp(40px,6vw,64px)/1.2 Lalezar,var(--font)}
.mb-hero p{margin:6px 0 22px;color:rgba(255,255,255,.72);font-size:15px}
.mb-search{display:flex;align-items:center;gap:10px;max-width:560px;margin:0 auto;height:58px;padding:0 20px;border-radius:99px;background:rgba(255,255,255,.95);color:#1b2440;box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 0 6px rgba(255,255,255,.08);transition:box-shadow .2s}
.mb-search:focus-within{box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 0 6px rgba(61,180,242,.45)}
.mb-search svg{width:22px;height:22px;flex:none;color:#3DB4F2}
.mb-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:16px;color:inherit}
.mb-tip{margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.65)}
.mb-copy{background:none;border:0;color:#7FD0FF;font:inherit;font-weight:800;cursor:pointer;text-decoration:underline dotted}
.mb-main{padding-bottom:60px}
.mb-sec,#mbResults{margin-top:34px}
.mb-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.mb-h h2{margin:0;font-size:19px;color:var(--strong)}
.mb-h p{margin:0;color:var(--muted);font-size:13px}
.mb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.mcard{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;background:var(--fg);box-shadow:var(--shadow-s);transition:transform .2s,box-shadow .2s}
.mcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.mcard.sk{min-height:190px;background:linear-gradient(90deg,var(--fg) 30%,var(--fg2) 50%,var(--fg) 70%) 0 0/300% 100%;animation:mbSk 1.4s infinite}
@keyframes mbSk{to{background-position:-100% 0}}
.mc-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.mcard{display:grid;grid-template-columns:64px 1fr;align-items:center;column-gap:12px}
.mc-av{position:relative;width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font:400 30px Lalezar,var(--font);color:#fff;background:linear-gradient(150deg,hsl(var(--h,205) 70% 58%),hsl(calc(var(--h,205) + 40) 60% 38%)) center/cover}
.mc-av.img{background-size:cover;background-position:center}
.mc-av em{position:absolute;bottom:-6px;left:-6px;min-width:24px;height:24px;padding:0 5px;border-radius:99px;background:#1B2440;color:#fff;font:800 11px/24px var(--font);font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--fg)}
.mc-av.fr-bronze{box-shadow:0 0 0 3px #C98A55}.mc-av.fr-silver{box-shadow:0 0 0 3px #D6DEE9}.mc-av.fr-gold{box-shadow:0 0 0 3px #F5C142,0 0 18px rgba(245,193,66,.5)}
.mc-av.fr-aurora{box-shadow:0 0 0 3px #6EE39A,0 0 20px rgba(110,227,154,.5)}.mc-av.fr-cosmic{box-shadow:0 0 0 3px #B892FF,0 0 22px rgba(184,146,255,.6)}.mc-av.fr-eternal{box-shadow:0 0 0 3px #FFD34D,0 0 26px rgba(255,138,61,.7)}
.mc-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.mc-t b{color:var(--strong);font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-t .own{font-style:normal}
.mc-t small{color:var(--muted);font-size:12px;text-align:right}
.mc-title{align-self:flex-start;margin-top:3px;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--fg2);color:var(--text)}
.mc-bio{grid-column:1/-1;margin:0;font-size:12.5px;line-height:1.8;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mc-st{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.mc-st span{flex:1;min-width:70px;text-align:center;font-size:11px;color:var(--muted);background:var(--fg2);border-radius:10px;padding:5px 4px}
.mc-st b{display:block;font:400 18px/1.2 Lalezar,var(--font);color:var(--strong)}
.mc-st .sh{background:rgba(61,180,242,.14)}.mc-st .fl{background:rgba(255,138,61,.16)}
.mc-fy{position:absolute;top:12px;left:12px;font-size:10.5px;font-weight:800;color:#2EB67D;background:rgba(46,182,125,.14);padding:2px 8px;border-radius:99px}
.mc-me{grid-column:1/-1;text-align:center;font-size:12.5px;color:var(--muted);font-weight:700;padding:8px}
.mc-fol{position:relative;z-index:2;grid-column:1/-1;height:38px;border:0;border-radius:12px;font:inherit;font-weight:800;font-size:13.5px;color:#fff;background:linear-gradient(90deg,#3DB4F2,#5B8CFF);cursor:pointer;transition:transform .15s,filter .15s}
.mc-fol:hover{filter:brightness(1.08)}.mc-fol:active{transform:scale(.97)}
.mc-fol.on{background:var(--fg2);color:var(--strong)}
.mb-cta{margin-top:28px;padding:22px;text-align:center}
.mb-cta b{display:block;font-size:16px;color:var(--strong)}
.mb-cta p{color:var(--muted);font-size:13.5px;line-height:1.9}
.ltr{direction:ltr;unicode-bidi:isolate}
@media (max-width:640px){.mb-hero{padding:92px 0 50px}.mb-search{height:52px}.mb-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mb-orbit i,.mcard.sk{animation:none}}

/* badges on a member card: one tidy row, small */
.mc-bd{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:2px 0}
.mc-bd .hkb,.mc-bd .hkc,.mc-bd .plus-tag{margin:0!important;height:18px;font-size:10px;padding:0 6px;border-radius:6px;max-width:130px}
.mc-bd .plus-tag{display:inline-flex;align-items:center;width:auto;flex:none}
