.mel-pi{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:clamp(460px,60vh,660px);display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 120% 92% at 50% 50%,#080a1459,#05060c 82%),#05060c}.mel-pi-static,.mel-pi-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.mel-pi-static{background:radial-gradient(circle at 9% 50%,rgba(var(--pi-accent),.55),transparent 22%),radial-gradient(circle at 91% 50%,rgba(var(--pi-indigo),.55),transparent 22%),radial-gradient(ellipse 44% 6% at 50% 50%,rgba(var(--pi-accent),.14),transparent 70%);opacity:.6;filter:blur(6px)}.mel-pi-content{position:relative;z-index:1;width:100%;max-width:940px;padding:clamp(40px,8vh,84px) clamp(16px,3vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,46px);align-items:start}.mel-pi-side{max-width:400px}.mel-pi-side h3{margin:0 0 12px;font-size:clamp(16px,1.35vw,19px);font-weight:600;line-height:1.28;letter-spacing:-.014em;color:#fff;text-wrap:balance;min-height:.56em}.mel-pi-side p{margin:0;font-size:clamp(13.5px,1.05vw,15px);line-height:1.72;color:#e9eefadb;text-shadow:0 1px 16px rgba(2,4,10,.92)}.mel-pi-side--users{justify-self:start;text-align:left}.mel-pi-side--melaya{justify-self:end;text-align:right;margin-left:auto}.mel-pi-side--users h3{color:color-mix(in oklab,rgb(var(--pi-accent)) 78%,#ffffff);text-shadow:0 0 24px rgba(var(--pi-accent),.7),0 2px 18px rgba(2,4,10,.85)}.mel-pi-side--melaya h3{color:color-mix(in oklab,rgb(var(--pi-indigo)) 78%,#ffffff);text-shadow:0 0 24px rgba(var(--pi-indigo),.7),0 2px 18px rgba(2,4,10,.85)}.mel-pi-center{position:absolute;z-index:3;left:50%;top:clamp(16px,3.5vh,30px);transform:translate(-50%);display:inline-flex;align-items:center;gap:12px;padding:9px 20px;border-radius:9px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#ffffff12,#ffffff04);backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);box-shadow:0 10px 30px -12px #0009,inset 0 1px #ffffff1a;font:600 10.5px/1 JetBrains Mono,monospace;letter-spacing:.3em;text-transform:uppercase;color:#ffffffd9;white-space:nowrap;pointer-events:none}.mel-pi-center:before,.mel-pi-center:after{content:"";position:absolute;top:50%;width:clamp(26px,7vw,78px);height:1px;transform:translateY(-50%);pointer-events:none}.mel-pi-center:before{right:calc(100% + 12px);background:linear-gradient(90deg,transparent,rgba(var(--pi-accent),.8));box-shadow:0 0 8px rgba(var(--pi-accent),.45)}.mel-pi-center:after{left:calc(100% + 12px);background:linear-gradient(270deg,transparent,rgba(var(--pi-indigo),.8));box-shadow:0 0 8px rgba(var(--pi-indigo),.45)}.mel-pi-center span{color:#ffffff73;font-size:12px}@media(max-width:767px){.mel-pi{min-height:clamp(720px,112vh,920px)}.mel-pi-static{background:radial-gradient(circle at 50% 9%,rgba(var(--pi-accent),.55),transparent 26%),radial-gradient(circle at 50% 91%,rgba(var(--pi-indigo),.55),transparent 26%),radial-gradient(ellipse 6% 44% at 50% 50%,rgba(var(--pi-accent),.14),transparent 70%)}.mel-pi-content{position:absolute;top:0;right:0;bottom:0;left:0;max-width:none;padding:0;grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:84px;justify-items:center}.mel-pi-side{max-width:min(288px,82vw);text-align:center}.mel-pi-side--users{justify-self:center;align-self:end;text-align:center}.mel-pi-side--melaya{justify-self:center;align-self:start;text-align:center;margin-left:0}.mel-pi-center{top:50%;bottom:auto;transform:translate(-50%,-50%)}}