.mg-dynamic{display:grid;gap:18px;margin:32px 0 46px}.mg-dynamic__group{border:1px solid #ded9eb;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 28px rgba(20,13,44,.04)}.mg-dynamic__group-heading{margin:0;padding:20px 24px;font-weight:800;font-size:1.2rem;color:#221a31;display:flex;align-items:center;justify-content:space-between;gap:20px}.mg-dynamic summary{list-style:none;cursor:pointer}.mg-dynamic summary::-webkit-details-marker{display:none}.mg-dynamic__group-description{color:#6b6378;padding:0 24px;margin:0 0 20px}.mg-dynamic__group-accordion>.mg-dynamic__group-heading{border-bottom:0}.mg-dynamic__group-accordion[open]>.mg-dynamic__group-heading{border-bottom:1px solid #ece8f2}.mg-dynamic__chevron{width:10px;height:10px;border-right:2px solid #73559c;border-bottom:2px solid #73559c;transform:rotate(45deg);transition:transform .15s;flex:none}.mg-dynamic details[open]>summary .mg-dynamic__chevron{transform:rotate(225deg)}.mg-dynamic__items{padding:12px 16px 18px;display:grid;gap:9px}.mg-dynamic__item{background:#fbfaff;border:1px solid #eee9f7;border-radius:12px;overflow:hidden}.mg-dynamic__item-heading{margin:0;font-size:1rem;line-height:1.5;font-weight:700;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#29223b}.mg-dynamic__item-accordion[open]>.mg-dynamic__item-heading{border-bottom:1px solid #eee9f7}.mg-dynamic__item-content{display:flex;direction:ltr;align-items:flex-start;gap:18px;padding:13px 16px 17px}.mg-dynamic__copy{flex:1;min-width:0;color:#51495f;line-height:1.75;overflow-wrap:anywhere}.mg-dynamic__copy p{margin:0;white-space:normal}.mg-dynamic__thumb{position:relative;flex:0 0 138px;width:138px;aspect-ratio:4/3;background:#f0ecf7;border:1px solid #e8e3f0;border-radius:10px;overflow:hidden;cursor:zoom-in;padding:0}.mg-dynamic__thumb img{display:block;width:100%;height:100%;object-fit:cover}.mg-dynamic__thumb span{position:absolute;right:6px;bottom:6px;background:#211c2e;color:#fff;border-radius:6px;padding:2px 5px;font-size:15px}.mg-dynamic-lightbox[hidden]{display:none!important}.mg-dynamic-lightbox{position:fixed;z-index:99999;inset:0;background:rgba(5,4,9,.9);display:flex;align-items:center;justify-content:center;padding:60px 18px 30px}.mg-dynamic-lightbox img{max-width:min(96vw,1600px);max-height:calc(100vh - 100px);width:auto;height:auto;object-fit:contain;border-radius:9px}.mg-dynamic-lightbox__close{position:absolute;right:20px;top:12px;font-size:36px;color:#fff;background:none;border:0;cursor:pointer;padding:5px 12px}.mg-dynamic__thumb:focus-visible,.mg-dynamic summary:focus-visible,.mg-dynamic-lightbox__close:focus-visible{outline:3px solid #7d5eff;outline-offset:3px}@media(max-width:600px){.mg-dynamic__group-heading{padding:15px 16px;font-size:1.07rem}.mg-dynamic__group-description{padding:0 16px}.mg-dynamic__items{padding:10px}.mg-dynamic__item-heading{font-size:.94rem;padding:12px}.mg-dynamic__item-content{gap:10px;padding:12px}.mg-dynamic__thumb{flex-basis:86px;width:86px;border-radius:8px}.mg-dynamic__copy{font-size:.9rem}}

.mg-dynamic__group-heading h2,.mg-dynamic__item-heading h3{margin:0;font:inherit;color:inherit;line-height:inherit}

/* Menugi dynamic-content pages: dark surface, brand violet accents. */
.mg-public-page--dynamic{
  position:relative;
  background:radial-gradient(ellipse 540px 210px at 76% 7%,rgba(238,172,91,.09),transparent 75%),
    radial-gradient(ellipse 920px 520px at 95% 4%,rgba(152,91,211,.20),transparent 68%),
    radial-gradient(ellipse 720px 520px at -10% 43%,rgba(141,64,144,.13),transparent 68%),
    linear-gradient(160deg,#101016 0%,#0a0910 55%,#100d18 100%);
  color:#f6f1fa;padding:clamp(110px,12vw,148px) 0 104px;
}
.mg-public-page--dynamic .mg-public-page__container{max-width:1120px}
.mg-public-page--dynamic .mg-public-article--dynamic{
  max-width:none;padding:0;background:transparent;border:0;box-shadow:none;
}
.mg-public-page--dynamic .mg-public-kicker{
  background:rgba(123,75,164,.13);border-color:rgba(199,149,244,.28);color:#dbc4ef;
  font-size:11px;letter-spacing:.13em;margin-bottom:17px;
}
.mg-public-page--dynamic .mg-public-article--dynamic>h1{
  width:fit-content;max-width:100%;overflow-wrap:anywhere;
  font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,6.2vw,74px);
  font-weight:700;letter-spacing:-.032em;line-height:1.12;
  background:linear-gradient(100deg,#fff2d0 6%,#f8e5c7 48%,#bd86f1 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#f4e2d0;
}
.mg-public-page--dynamic .mg-public-article--dynamic>h1::after{
  content:"";display:block;width:70px;height:3px;margin-top:17px;border-radius:9px;
  background:linear-gradient(90deg,#f1c879,#ad70e6);-webkit-text-fill-color:initial;
}
.mg-public-page--dynamic .mg-public-lead{max-width:760px;color:#bfb3c9;font-size:clamp(15px,1.9vw,18px);margin-top:24px}
.mg-public-page--dynamic .mg-public-body{color:#ded3e5;max-width:950px}
.mg-public-page--dynamic .mg-dynamic{display:grid;gap:24px;margin:38px 0 24px}
.mg-public-page--dynamic .mg-dynamic__group{
  position:relative;overflow:hidden;border:1px solid rgba(163,104,220,.42);border-radius:22px;
  background:linear-gradient(135deg,rgba(27,22,35,.96),rgba(14,14,22,.97));
  box-shadow:0 22px 66px rgba(0,0,0,.39),0 0 38px rgba(114,52,157,.12),inset 0 1px rgba(255,255,255,.05);
}
.mg-public-page--dynamic .mg-dynamic__group-heading{
  margin:0;padding:26px clamp(18px,4vw,34px) 19px;
  color:#f1dcbb;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2.55vw,30px);
  line-height:1.2;font-weight:700;letter-spacing:-.018em;justify-content:flex-start;
}
.mg-public-page--dynamic .mg-dynamic__group-icon{
  width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;
  border-radius:12px;border:1px solid rgba(171,111,233,.36);
  background:linear-gradient(145deg,rgba(147,81,219,.19),rgba(76,36,105,.21));color:#c990f7;
}
.mg-public-page--dynamic .mg-dynamic__group-icon svg{width:23px;height:23px}
.mg-public-page--dynamic .mg-dynamic__group-heading>.mg-dynamic__chevron{margin-inline-start:auto}
.mg-public-page--dynamic .mg-dynamic__group-description{color:#bcaec7;padding:0 clamp(18px,4vw,34px);margin-bottom:15px}
.mg-public-page--dynamic .mg-dynamic__group-accordion[open]>.mg-dynamic__group-heading{border-bottom:0}
.mg-public-page--dynamic .mg-dynamic__items{display:grid;gap:9px;padding:4px clamp(12px,3vw,26px) 27px}
.mg-public-page--dynamic .mg-dynamic__item{
  background:linear-gradient(105deg,rgba(34,30,43,.86),rgba(27,25,37,.93));
  border:1px solid rgba(172,146,200,.16);border-radius:13px;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
  transition:border-color .16s ease,background .16s ease;
}
.mg-public-page--dynamic .mg-dynamic__item:hover{border-color:rgba(180,119,234,.4)}
.mg-public-page--dynamic .mg-dynamic__item-heading{
  color:#f2edf7;font-size:clamp(14px,1.35vw,16px);font-weight:680;line-height:1.45;
  padding:13px 17px;min-height:58px;gap:16px;
}
.mg-public-page--dynamic .mg-dynamic__item-accordion[open]>.mg-dynamic__item-heading{
  border-bottom:1px solid rgba(163,126,197,.14);color:#f6e4ff;
}
.mg-public-page--dynamic .mg-dynamic__item-heading>.mg-dynamic__chevron{
  width:32px;height:32px;flex:0 0 32px;position:relative;transform:none;
  background:rgba(146,92,212,.12);border:1px solid rgba(190,143,236,.22);
  border-radius:50%;box-shadow:inset 0 1px rgba(255,255,255,.05);
}
.mg-public-page--dynamic .mg-dynamic__item-heading>.mg-dynamic__chevron::before{
  content:"";position:absolute;top:10px;left:11px;width:8px;height:8px;
  border-right:2px solid #c695ec;border-bottom:2px solid #c695ec;
  transform:rotate(45deg);transition:transform .16s ease,top .16s ease;
}
.mg-public-page--dynamic .mg-dynamic__item-accordion[open]>.mg-dynamic__item-heading>.mg-dynamic__chevron{transform:none}
.mg-public-page--dynamic .mg-dynamic__item-accordion[open]>.mg-dynamic__item-heading>.mg-dynamic__chevron::before{
  top:13px;transform:rotate(225deg);
}
.mg-public-page--dynamic .mg-dynamic__group-heading>.mg-dynamic__chevron{
  border-color:#bd94e4;
}
.mg-public-page--dynamic .mg-dynamic__item-content{
  direction:ltr;align-items:flex-start;gap:22px;padding:17px 19px 21px;
}
.mg-public-page--dynamic .mg-dynamic__copy{color:#e1d6e5;line-height:1.8;font-size:18px}
.mg-public-page--dynamic .mg-dynamic__thumb{
  flex:0 0 136px;width:136px;aspect-ratio:4/3;
  border:1px solid rgba(174,116,223,.48);background:#15121d;border-radius:11px;
}
.mg-public-page--dynamic .mg-dynamic__thumb:hover{border-color:#d2a5fc}
.mg-public-page--dynamic .mg-dynamic__thumb span{background:rgba(14,9,22,.9);color:#eddaff}
.mg-public-page--dynamic .mg-dynamic summary:focus-visible,
.mg-public-page--dynamic .mg-dynamic__thumb:focus-visible{outline-color:#c58af8}
@media(max-width:650px){
  .mg-public-page--dynamic{padding:102px 0 70px}
  .mg-public-page--dynamic .mg-public-article--dynamic>h1{font-size:clamp(39px,10vw,56px)}
  .mg-public-page--dynamic .mg-dynamic{margin-top:30px;gap:17px}
  .mg-public-page--dynamic .mg-dynamic__group{border-radius:17px}
  .mg-public-page--dynamic .mg-dynamic__group-heading{padding:20px 15px 16px;font-size:21px}
  .mg-public-page--dynamic .mg-dynamic__group-icon{width:35px;height:35px;flex-basis:35px}
  .mg-public-page--dynamic .mg-dynamic__items{padding:1px 10px 15px;gap:8px}
  .mg-public-page--dynamic .mg-dynamic__item-heading{font-size:14px;padding:12px;gap:9px;min-height:52px}
  .mg-public-page--dynamic .mg-dynamic__item-heading>.mg-dynamic__chevron{width:28px;height:28px;flex-basis:28px}
  .mg-public-page--dynamic .mg-dynamic__item-heading>.mg-dynamic__chevron::before{left:9px;top:8px}
  .mg-public-page--dynamic .mg-dynamic__item-accordion[open]>.mg-dynamic__item-heading>.mg-dynamic__chevron{transform:none}
.mg-public-page--dynamic .mg-dynamic__item-accordion[open]>.mg-dynamic__item-heading>.mg-dynamic__chevron::before{top:11px}
  .mg-public-page--dynamic .mg-dynamic__item-content{padding:12px;gap:10px}
  .mg-public-page--dynamic .mg-dynamic__copy{font-size:16px}
  .mg-public-page--dynamic .mg-dynamic__thumb{flex-basis:88px;width:88px;border-radius:8px}
}
@media(prefers-reduced-motion:reduce){.mg-public-page--dynamic .mg-dynamic__item{transition:none}}


/* Feature-page only: independent premium surfaces; other dynamic pages retain their design. */
.mg-public-page--features .mg-dynamic__items{
  gap:19px;
  padding:7px clamp(14px,3vw,30px) 32px;
}
.mg-public-page--features .mg-dynamic__item{
  position:relative;
  isolation:isolate;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(184,134,229,.36);
  border-radius:19px;
  background:linear-gradient(116deg,rgba(50,37,65,.97) 0%,rgba(35,30,48,.97) 42%,rgba(22,23,35,.98) 100%);
  box-shadow:0 0 0 1px rgba(85,52,118,.16),0 14px 34px rgba(3,2,12,.25),inset 0 1px rgba(255,255,255,.075);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.mg-public-page--features .mg-dynamic__item::before{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:4px;
  pointer-events:none;
  background:linear-gradient(180deg,#efca8f 0%,#c188ec 55%,rgba(128,77,209,.34) 100%);
}
.mg-public-page--features .mg-dynamic__item:nth-child(even){
  background:linear-gradient(116deg,rgba(40,35,57,.98) 0%,rgba(32,30,47,.97) 47%,rgba(22,22,35,.98) 100%);
}
.mg-public-page--features .mg-dynamic__item:nth-child(even)::before{
  background:linear-gradient(180deg,#cb95f2 0%,#8f7de7 70%,rgba(131,87,196,.32) 100%);
}
.mg-public-page--features .mg-dynamic__item:focus-within{
  border-color:rgba(215,172,251,.78);
  box-shadow:0 0 0 2px rgba(159,96,219,.15),0 14px 34px rgba(3,2,12,.30);
}
.mg-public-page--features .mg-dynamic__item-heading{
  min-height:0;
  padding:21px 25px 6px;
  color:#faf1ff;
  font-size:clamp(16px,1.45vw,19px);
  line-height:1.45;
  font-weight:750;
}
.mg-public-page--features .mg-dynamic__item-content{
  direction:inherit;
  align-items:center;
  gap:clamp(18px,3vw,34px);
  padding:12px 25px 25px;
}
.mg-public-page--features .mg-dynamic__copy{
  min-width:0;
  color:#ddd0e5;
  font-size:clamp(15px,1.45vw,18px);
  line-height:1.8;
  text-align:start;
}
.mg-public-page--features .mg-dynamic__thumb{
  flex:0 0 clamp(160px,18vw,208px);
  width:clamp(160px,18vw,208px);
  max-width:100%;
  aspect-ratio:16/10;
  border:1px solid rgba(196,153,240,.52);
  border-radius:14px;
  background:#15111f;
  box-shadow:0 12px 27px rgba(0,0,0,.27),0 0 0 4px rgba(149,95,210,.065);
}
.mg-public-page--features .mg-dynamic__thumb img{width:100%;height:100%;object-fit:cover}
.mg-public-page--features .mg-dynamic__item-accordion[open]>.mg-dynamic__item-heading{
  color:#f6e5ff;
  border-bottom:0;
}
@media(hover:hover) and (pointer:fine){
  .mg-public-page--features .mg-dynamic__item:hover{
    transform:translateY(-2px);
    border-color:rgba(211,153,249,.65);
    box-shadow:0 0 0 1px rgba(126,78,175,.21),0 19px 39px rgba(3,2,12,.35),inset 0 1px rgba(255,255,255,.09);
  }
  .mg-public-page--features .mg-dynamic__thumb:hover{border-color:#dfb4ff}
}
@media(max-width:800px){
  .mg-public-page--features .mg-dynamic__item-content{gap:17px}
  .mg-public-page--features .mg-dynamic__thumb{flex-basis:150px;width:150px}
}
@media(max-width:650px){
  .mg-public-page--features .mg-dynamic__items{gap:14px;padding:5px 12px 20px}
  .mg-public-page--features .mg-dynamic__item{border-radius:16px}
  .mg-public-page--features .mg-dynamic__item-heading{padding:17px 17px 4px;font-size:16px}
  .mg-public-page--features .mg-dynamic__item-content{
    flex-direction:column;
    align-items:stretch;
    gap:15px;
    padding:11px 17px 19px;
  }
  .mg-public-page--features .mg-dynamic__copy{font-size:15px;line-height:1.72}
  .mg-public-page--features .mg-dynamic__thumb{
    align-self:flex-start;
    flex:none;
    width:min(100%,290px);
    aspect-ratio:16/10;
  }
}
@media(prefers-reduced-motion:reduce){
  .mg-public-page--features .mg-dynamic__item{transition:none}
  .mg-public-page--features .mg-dynamic__item:hover{transform:none}
}