.mha{--g:#f2c46b;--g2:#ffe2a0;--b:#5b74ff;--r:#e0483a;--gr:#19a35b;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--star:polygon(50% 0,64.5% 14.9%,85.4% 14.6%,85.1% 35.5%,100% 50%,85.1% 64.5%,85.4% 85.4%,64.5% 85.1%,50% 100%,35.5% 85.1%,14.6% 85.4%,14.9% 64.5%,0 50%,14.9% 35.5%,14.6% 14.6%,35.5% 14.9%);--mx:24%;--my:30%;--rx:0deg;--ry:0deg;--px:0;--py:0;border-radius:28px;background:linear-gradient(135deg,rgba(242,196,107,.6),rgba(91,116,255,.5) 45%,rgba(224,72,58,.45) 75%,rgba(25,163,91,.5));box-shadow:0 50px 100px -50px rgba(4,6,20,.95),0 30px 90px -40px rgba(91,116,255,.6),0 20px 60px -40px rgba(242,196,107,.5);transform:perspective(1700px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.mha.is-tilting{transition:transform .12s linear}
.mha__ring{background:conic-gradient(from var(--mha-a),transparent 0 48%,var(--g) 60%,#fff 64%,var(--b) 72%,var(--r) 81%,var(--gr) 88%,transparent 94%)}
.mha__flag{width:130px;border-radius:28px 0 4px 0;z-index:5}
.mha__inner{border-radius:26px;color:#d9dcec;background:radial-gradient(520px circle at var(--mx) var(--my),rgba(91,116,255,.17),transparent 55%),radial-gradient(ellipse 55% 45% at 90% 4%,rgba(242,196,107,.13),transparent 62%),linear-gradient(180deg,#090e2b 0%,#0b1031 38%,#130f26 74%,#1f1322 100%)}
.mhx .mha__inner{animation:none!important}
.mha__inner::before{z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23f2c46b' stroke-width='.9'%3E%3Crect x='18' y='18' width='28' height='28'/%3E%3Crect x='18' y='18' width='28' height='28' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='7'/%3E%3Cpath d='M0 32h9M55 32h9M32 0v9M32 55v9'/%3E%3C/g%3E%3C/svg%3E");background-size:64px 64px;opacity:.16;-webkit-mask-image:radial-gradient(circle 360px at var(--mx) var(--my),#000,transparent 75%);mask-image:radial-gradient(circle 360px at var(--mx) var(--my),#000,transparent 75%)}
.mha__inner::after{z-index:1;color:transparent;-webkit-text-stroke:1px rgba(242,196,107,.12)}
.mha__side,.mha__copy{z-index:2}
.mhx-sky{position:absolute;inset:0;width:100%!important;height:100%!important;z-index:0;pointer-events:none}
.mhx-dunes{position:absolute;left:-40px;bottom:0;width:calc(100% + 80px);height:150px;z-index:1;pointer-events:none;opacity:.95}
.mhx-dunes .d1{transform:translateX(calc(var(--px) * -12px));transition:transform .5s ease-out}
.mhx-dunes .d2{transform:translateX(calc(var(--px) * -26px));transition:transform .5s ease-out}
.mhx-moon{position:absolute;top:70px;right:46px;z-index:1;width:30px;height:30px;border-radius:50%;pointer-events:none;box-shadow:inset 8px -3px 0 0 #ffe3a3,0 0 34px 4px rgba(255,227,163,.18);transform:translate(calc(var(--px) * 8px),calc(var(--py) * 6px)) rotate(-18deg);transition:transform .5s ease-out}
.mhx-gl{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(400px circle at var(--mx) var(--my),rgba(255,236,190,.09),transparent 60%)}
.mha.is-tilting .mhx-gl{opacity:1}
.mhx-st{position:absolute;z-index:3;width:16px;height:16px;pointer-events:none;background:var(--g);clip-path:var(--star);filter:drop-shadow(0 0 6px var(--g));transition:opacity .6s .5s,transform .8s .5s cubic-bezier(.2,.7,.2,1)}
.mhx-st.tl{top:16px;left:16px}.mhx-st.tr{top:16px;right:16px}.mhx-st.bl{bottom:16px;left:16px}.mhx-st.br{bottom:16px;right:16px;background:var(--b)}
.mhx-bar{position:relative;z-index:2;grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:-12px 0 -12px;padding:0 0 13px 18px;border-bottom:1px solid rgba(242,196,107,.2);font:600 10.5px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(242,196,107,.85);clip-path:inset(0 0 0 0);transition:clip-path 1.2s cubic-bezier(.6,0,.3,1)}
.mhx-bar b{color:#fff;font-weight:700}
.mhx-bar .s{width:11px;height:11px;background:var(--g);clip-path:var(--star)}
.mhx-bar .geo{color:#aebcff}
.mhx-bar .ok{color:#3ee08a;text-shadow:0 0 8px rgba(62,224,138,.6)}
.mhx-bar .clk{margin-left:auto;color:#fff;font-variant-numeric:tabular-nums}
.mhx-mandala{position:absolute;inset:-16px;width:calc(100% + 32px);height:calc(100% + 32px);pointer-events:none;overflow:visible}
.mhx-mandala .m1,.mhx-mandala .m2,.mhx-mandala .m3{transform-origin:100px 100px}
.mha__orbit circle{stroke:rgba(91,116,255,.45)}
.mha__sat i{background:var(--g2);box-shadow:0 0 0 4px rgba(242,196,107,.2),0 0 18px var(--g)}
.mha__photo{background:conic-gradient(from var(--mha-a),var(--g),var(--b),var(--r),var(--gr),var(--g));box-shadow:0 0 36px rgba(242,196,107,.35),0 0 80px -10px rgba(91,116,255,.55)}
.mha__photo img{border-color:#0b1031}
.mha__ok{background:var(--gr);border-color:#0b1031;box-shadow:0 0 18px rgba(25,163,91,.9)}
.mha__press{position:relative;overflow:hidden;border-color:rgba(242,196,107,.5);background:linear-gradient(90deg,rgba(242,196,107,.16),rgba(91,116,255,.1));color:var(--g2)}
.mha__press::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,240,200,.35) 50%,transparent 65%);translate:-120% 0;pointer-events:none}
.mha__kicker{color:var(--g)}
.mha__kicker i{width:11px;height:11px;border-radius:0;background:var(--g);clip-path:var(--star);box-shadow:none}
.mha__name a{position:relative;display:inline-block;padding-bottom:8px;color:transparent!important;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#fff 0 36%,var(--g2) 45%,var(--g) 50%,#fff 60% 100%) 0 0/260% 100% no-repeat;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 18px rgba(242,196,107,.25))}
.mha__name a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--b),var(--g) 55%,var(--r));transform-origin:left;transition:transform 1.1s .5s cubic-bezier(.2,.7,.2,1)}
.mha__role{color:var(--g)}
.mha__role::before{content:"";display:inline-block;width:9px;height:9px;margin:0 8px 1px 0;background:var(--b);clip-path:var(--star);vertical-align:middle}
.mha__bio{color:#c9cde0}
.mha__stats li{border-radius:16px;border-color:rgba(242,196,107,.2);background:linear-gradient(90deg,var(--g),rgba(91,116,255,.6) 60%,transparent) left bottom/100% 2px no-repeat,linear-gradient(160deg,rgba(242,196,107,.09),rgba(91,116,255,.06) 60%,rgba(255,255,255,.02));transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s,background-size 1.3s .5s cubic-bezier(.2,.7,.2,1)}
.mha__stats li::before{content:"";position:absolute;top:10px;right:10px;width:13px;height:13px;background:var(--g);clip-path:var(--star);opacity:.45;transition:transform .6s,opacity .3s}
.mha__stats li:hover{transform:translateY(-4px);border-color:rgba(242,196,107,.55);box-shadow:0 16px 34px -18px rgba(242,196,107,.55)}
.mha__stats li:hover::before{transform:rotate(180deg);opacity:1}
.mha__stats svg{color:var(--g);filter:drop-shadow(0 0 6px rgba(242,196,107,.6))}
.mha__stats b{font-size:22px;font-variant-numeric:tabular-nums;text-shadow:0 0 16px rgba(242,196,107,.4)}
.mha__stats span{color:#959bb8}
.mha__profiles,.mha__social{border-top-color:rgba(242,196,107,.16)}
.mha__social a{width:42px;height:46px;border:0;border-radius:0;clip-path:path('M0 46V20C0 8 9 0 21 0S42 8 42 20V46Z');background:linear-gradient(180deg,rgba(242,196,107,.2),rgba(91,116,255,.12));color:#f5e6c4;box-shadow:none}
.mha__social a:hover,.mha__social a:focus-visible{background:linear-gradient(180deg,var(--g2),#c98f2c);color:#15112b;transform:translateY(-4px);box-shadow:none}
.mha__group--music .mha__social a:hover,.mha__group--music .mha__social a:focus-visible{background:linear-gradient(180deg,#3ee08a,var(--gr));color:#06140c;box-shadow:none}
.mha__all{position:relative;overflow:hidden;background:linear-gradient(135deg,#e8503f,#c1272d 55%,#8f1820);box-shadow:0 16px 34px -14px rgba(224,72,58,.9),inset 0 0 0 1px rgba(255,226,160,.35);transform:translate(var(--bx,0),var(--by,0));transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .2s}
.mha__all::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,226,160,.45) 50%,transparent 65%);translate:-120% 0;pointer-events:none}
.mha__all:hover{transform:translate(var(--bx,0),var(--by,0));box-shadow:0 20px 40px -14px rgba(224,72,58,1),inset 0 0 0 1px rgba(255,226,160,.6)}
.mha__net-k{color:var(--g)}
.mha__net a{border-color:rgba(242,196,107,.14);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 18%,transparent),rgba(255,255,255,.02))}
.mha__net a::before{box-shadow:0 0 12px var(--c)}
.mha__net a:hover{box-shadow:0 0 22px -6px var(--c)}
.mha__net-i{box-shadow:0 0 14px color-mix(in srgb,var(--c) 70%,transparent)}
.mhx .mha__side,.mhx .mha__copy{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.mhx .mha__copy{transition-delay:.15s}
.mhx:not(.is-on) .mha__side,.mhx:not(.is-on) .mha__copy{opacity:0;transform:translateY(20px)}
.mhx:not(.is-on) .mhx-bar{clip-path:inset(0 100% 0 0)}
.mhx:not(.is-on) .mhx-st{opacity:0;transform:scale(2.4) rotate(90deg)}
.mhx:not(.is-on) .mha__name a::after{transform:scaleX(0)}
.mhx:not(.is-on) .mha__stats li{background-size:0 2px,auto}
@media (prefers-reduced-motion:no-preference){
.mha__ring{animation:mhaRing 6s linear infinite}
.mha__photo{animation:mhaRing 6s linear infinite}
.mhx-mandala .m1{animation:mhaSpin 70s linear infinite}
.mhx-mandala .m2{animation:mhaSpin 45s linear infinite reverse}
.mhx-mandala .m3{animation:mhxPulse 3.2s ease-in-out infinite}
.mhx-st{animation:mhxTw 3.6s ease-in-out infinite}
.mhx-st.tr{animation-delay:.9s}.mhx-st.bl{animation-delay:1.8s}.mhx-st.br{animation-delay:2.7s}
.mhx-bar .s,.mha__kicker i{animation:mhaSpin 6s linear infinite}
.mha__name a{animation:mhxShine 6s ease-in-out infinite}
.mha__press::after{animation:mhaSweep 5s ease-in-out infinite}
.mha__all::before{animation:mhaSweep 4.5s ease-in-out 1s infinite}
}
@keyframes mhxTw{0%,100%{scale:1;opacity:1}50%{scale:.6;opacity:.55}}
@keyframes mhxPulse{0%,100%{opacity:.35}50%{opacity:.9}}
@keyframes mhxShine{0%{background-position:100% 0}55%,100%{background-position:0 0}}
@media(max-width:820px){
.mhx-bar{justify-content:center;gap:6px 14px;font-size:9.5px;padding-left:0}
.mhx-bar .clk{margin-left:0}
.mhx-bar .geo{display:none}
.mhx-moon{top:auto;bottom:118px;right:26px;width:24px;height:24px}
.mhx-dunes{height:110px}
}
@media(max-width:520px){
.mhx-bar .id{display:none}
.mhx-st{width:12px;height:12px}
}
.mha__inner::after{content:none}
.mha__inner::before{opacity:.08;-webkit-mask-image:radial-gradient(circle 170px at 135px 165px,#000,transparent 85%);mask-image:radial-gradient(circle 170px at 135px 165px,#000,transparent 85%)}
.mhx-mandala .m1{scale:.8}
.mhx-mandala .m1 rect{stroke-width:.8;stroke-opacity:.45}
.mha__profiles{grid-template-columns:1fr!important;gap:16px}
.mha__group--music{padding-left:0!important;border-left:0!important}
.mha__social{gap:8px}
.mha__social a{position:relative;width:40px;height:44px;clip-path:path('M0 44V19C0 7.5 8.5 0 20 0S40 7.5 40 19V44Z');background:linear-gradient(180deg,#ffe2a0,#c98f2c 55%,rgba(242,196,107,.25))}
.mha__social a::before{content:"";position:absolute;inset:0;clip-path:path('M1.5 44V19.2C1.5 8.6 9.3 1.5 20 1.5S38.5 8.6 38.5 19.2V44Z');background:linear-gradient(180deg,#1c2252,#0c1030 75%);transition:background .25s}
.mha__social a svg{position:relative;z-index:1}
.mha__social a:hover,.mha__social a:focus-visible{background:linear-gradient(180deg,#ffe2a0,#c98f2c 55%,rgba(242,196,107,.25))}
.mha__social a:hover::before,.mha__social a:focus-visible::before{background:linear-gradient(180deg,var(--g2),#d39a35)}
.mha__group--music .mha__social a:hover,.mha__group--music .mha__social a:focus-visible{background:linear-gradient(180deg,#7ff0b5,var(--gr) 55%,rgba(25,163,91,.3))}
.mha__group--music .mha__social a:hover::before,.mha__group--music .mha__social a:focus-visible::before{background:linear-gradient(180deg,#3ee08a,var(--gr))}
@media(max-width:820px){.mha__inner::before{-webkit-mask-image:radial-gradient(circle 170px at 50% 170px,#000,transparent 85%);mask-image:radial-gradient(circle 170px at 50% 170px,#000,transparent 85%)}}
.mhx .mha__orbit{display:none}
.mhx .mha__sat{inset:-12px}
.mhx-mandala{inset:auto!important;left:50%;top:50%;width:200px!important;height:200px!important;translate:-50% -50%}
.mhx-mandala g{transform-box:fill-box;transform-origin:center!important}
.mhx .mha__photo{position:relative;z-index:1}
.mhx-named .mha__name a{color:#fff!important;-webkit-text-fill-color:currentColor;background:none!important;filter:none;animation:none!important}
.mhx-nms{position:relative;display:inline-grid;vertical-align:bottom}
.mhx-nm{grid-area:1/1;justify-self:start;white-space:nowrap;opacity:0;filter:blur(10px);transform:translateY(.22em) scale(.985);transition:opacity .9s cubic-bezier(.2,.7,.2,1),filter .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#fff 0 36%,var(--g2) 45%,var(--g) 50%,#fff 60% 100%) 0 0/260% 100% no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 55%);mask-image:linear-gradient(90deg,#000 45%,transparent 55%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.mhx-nm.is-on{opacity:1;filter:none;transform:none}
.mhx-nm.is-out{opacity:0;filter:blur(9px);transform:translateY(-.22em) scale(1.015)}
.mhx-nm[lang=zgh]{font-family:"Noto Sans Tifinagh",Ebrima,"Segoe UI Historic",sans-serif;font-weight:700;letter-spacing:.02em}
.mhx-nm[lang=ar]{font-family:"Noto Naskh Arabic","Amiri","Geeza Pro","Traditional Arabic","Segoe UI",serif;font-weight:700;letter-spacing:0;line-height:1.25;-webkit-mask-image:linear-gradient(270deg,#000 45%,transparent 55%);mask-image:linear-gradient(270deg,#000 45%,transparent 55%);-webkit-mask-position:100% 0;mask-position:100% 0}
.mhx-nms::before{content:"";position:absolute;z-index:2;top:-8%;bottom:-4%;left:0;width:2px;opacity:0;pointer-events:none;background:linear-gradient(transparent,#ffe2a0 30%,#fff 50%,#ffe2a0 70%,transparent);box-shadow:0 0 16px 3px rgba(255,226,160,.7)}
.mhx-lang{display:inline-flex;align-items:center;gap:9px;margin-left:12px;padding-left:12px;border-left:1px solid rgba(242,196,107,.3)}
.mhx-lang span{position:relative;font-size:11px;letter-spacing:.06em;color:rgba(242,196,107,.42);transition:color .5s}
.mhx-lang span.on{color:#fff}
.mhx-lang span::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--g);box-shadow:0 0 8px var(--g);transform:scaleX(0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.mhx-lang span.on::after{transform:scaleX(1)}
@media (prefers-reduced-motion:no-preference){
.mhx-nm.is-on{animation:mhxWipe 1.1s cubic-bezier(.4,0,.2,1) both,mhxShine2 6s ease-in-out 1.2s infinite}
.mhx-nm[lang=ar].is-on{animation:mhxWipeR 1.1s cubic-bezier(.4,0,.2,1) both,mhxShine2 6s ease-in-out 1.2s infinite}
.mhx-nms.sw::before{animation:mhxSw 1.1s cubic-bezier(.4,0,.2,1)}
.mhx-nms.sw-r::before{animation:mhxSwR 1.1s cubic-bezier(.4,0,.2,1)}
}
@keyframes mhxWipe{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes mhxWipeR{from{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}
@keyframes mhxShine2{0%{background-position:100% 0}55%,100%{background-position:0 0}}
@keyframes mhxSw{0%{left:0;opacity:0}12%,85%{opacity:1}100%{left:100%;opacity:0}}
@keyframes mhxSwR{0%{left:100%;opacity:0}12%,85%{opacity:1}100%{left:0;opacity:0}}
@media(max-width:820px){.mhx-nm{justify-self:center}.mhx-lang{margin-left:8px;padding-left:8px}}