:root{
  --mp-bg:#0b1220; --mp-card:#121a2b; --mp-acc:#21c1a7; --mp-text:#eaf2ff; --mp-muted:#9bb0cb;
}
.mp-portal{max-width:1200px;margin:0 auto;padding:8px}
.mp-portal-wrap{display:grid;gap:16px;grid-template-columns:1.1fr 2fr}
@media (max-width:1100px){.mp-portal-wrap{grid-template-columns:1fr}}
body .mp-portal *{box-sizing:border-box;font-family:system-ui,Segoe UI,Inter,Arial}

.mp-buttons{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.mp-btn{cursor:pointer;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:var(--mp-card);
  padding:12px;display:flex;flex-direction:column;align-items:center;transition:transform .15s;min-height:160px}
.mp-btn:active{transform:scale(.98)}
.mp-btn-inner{display:grid;place-items:center;height:110px;width:100%}
.mp-btn-img{max-width:100%;max-height:100%;object-fit:contain}
.mp-btn-placeholder{display:grid;place-items:center;height:100%;width:100%;color:var(--mp-acc);font-weight:800;font-size:20px}
.mp-btn-label{margin-top:8px;color:var(--mp-text);font-weight:700;text-align:center}

.mp-frame{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:var(--mp-card);min-height:560px;display:flex;flex-direction:column}
.mp-frame-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.mp-dot{width:12px;height:12px;border-radius:50%;background:var(--mp-acc);box-shadow:0 0 12px var(--mp-acc)}
.mp-title{font-weight:800;color:var(--mp-text)}
.mp-logo{height:24px}
.mp-frame-actions{margin-left:auto;display:flex;gap:8px}
.mp-action{background:#15223a;color:var(--mp-text);border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:10px;cursor:pointer}
.mp-action:hover{border-color:rgba(255,255,255,.2)}

.mp-frame-body{position:relative;flex:1;display:grid}
.mp-placeholder{display:grid;place-items:center;color:var(--mp-muted)}
.mp-content{padding:16px 18px;color:var(--mp-text);line-height:1.55}
.mp-content h1,.mp-content h2{margin:.2em 0 .4em}
.mp-content p{color:#cdd7ea}

.mp-modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;z-index:9999}
.mp-sheet{width:520px;max-width:92vw;background:#0f182b;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px}
.mp-sheet-header{font-weight:800;color:var(--mp-text);margin-bottom:10px}
.mp-input{width:100%;padding:10px;border-radius:10px;border:1px solid #25324a;background:#0b1427;color:var(--mp-text);margin-bottom:10px}
.mp-btn-primary{background:var(--mp-acc);color:#04342e;border:0;padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer}
.mp-btn-secondary{background:#15223a;color:var(--mp-text);border:1px solid rgba(255,255,255,.12);padding:10px 14px;border-radius:10px;cursor:pointer}
.mp-small{font-size:12px;color:var(--mp-muted);margin-top:8px}