/* MYEONGRIGYEOL_PREMIUM_V11 */

:root{
  --mg11-bg:#071116;
  --mg11-bg2:#0b171d;
  --mg11-panel:#0b171c;
  --mg11-panel2:#0e1b21;
  --mg11-line:rgba(184,139,73,.28);
  --mg11-line-soft:rgba(143,164,169,.13);
  --mg11-gold:#c89b59;
  --mg11-gold2:#e1c18a;
  --mg11-cream:#f1ede5;
  --mg11-text:#d9dfdd;
  --mg11-muted:#86959a;
}

html,body{width:100%;max-width:100%;margin:0;overflow-x:hidden!important;background:var(--mg11-bg)!important;}
body{
  background-image:
    radial-gradient(circle at 72% 10%, rgba(164,116,49,.08), transparent 26%),
    linear-gradient(rgba(5,14,19,.90),rgba(5,14,19,.96)),
    url('/static/img/mg-v11/texture.webp')!important;
  background-repeat:no-repeat,no-repeat,repeat!important;
  background-size:auto,auto,560px 560px!important;
  color:var(--mg11-text);
}
*{box-sizing:border-box}
img,svg,video,canvas{max-width:100%;height:auto}
.shell{width:100%!important;max-width:1500px!important;margin:0 auto!important;padding:0 clamp(22px,4vw,58px)!important;}

/* OLD ACCOUNT UI STAYS FUNCTIONAL BUT HIDDEN */
.top > *:not(.logo):not(.mg-site-nav):not(.mg-v11-account-trigger){display:none!important;}
.mg-v11-hide{display:none!important;}

/* HEADER */
.top{
  width:100%!important;
  min-height:90px!important;
  display:grid!important;
  grid-template-columns:240px minmax(420px,1fr) 210px!important;
  grid-template-areas:"logo nav account"!important;
  align-items:center!important;
  gap:clamp(20px,3vw,52px)!important;
  padding:14px 0 13px!important;
  margin:0 0 clamp(34px,4vw,54px)!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:120!important;
  border-bottom:1px solid rgba(188,143,75,.18);
}
.top .logo{
  grid-area:logo!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  min-width:0!important;
  height:62px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  cursor:pointer!important;
}
.top .logo > *:not(.mg-v11-brand-image){display:none!important;}
.mg-v11-brand-image{display:block!important;width:182px!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25));}

.top .mg-site-nav{
  grid-area:nav!important;
  justify-self:center!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(14px,2vw,34px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.mg-site-nav a{
  position:relative!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#8d9a9d!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:720!important;
  letter-spacing:-.15px!important;
  white-space:nowrap!important;
  opacity:1!important;
  filter:none!important;
  transition:color .18s ease,background .18s ease!important;
}
.mg-site-nav a:hover{color:#c9b08a!important;background:rgba(171,122,54,.045)!important;}
.mg-site-nav a.is-active{color:#e2c495!important;background:rgba(166,118,50,.06)!important;font-weight:850!important;}
.mg-site-nav a.is-active::after{
  content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;border-radius:10px;
  background:linear-gradient(90deg,transparent,#bd8f50,transparent);box-shadow:0 0 10px rgba(196,146,77,.25);
}

.mg-v11-account-trigger{
  grid-area:account!important;justify-self:end!important;width:190px!important;height:52px!important;
  display:flex!important;align-items:center!important;gap:10px!important;padding:5px 12px 5px 6px!important;
  border:1px solid rgba(180,137,72,.28)!important;border-radius:999px!important;background:rgba(8,17,21,.82)!important;
  color:var(--mg11-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.18)!important;
  cursor:pointer!important;overflow:hidden!important;
}
.mg-v11-avatar{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;border:1px solid rgba(216,175,106,.5);background:#10191c;}
.mg-v11-avatar img{width:100%;height:100%;display:block;object-fit:cover;}
.mg-v11-avatar-fallback img{width:30px;height:26px;object-fit:contain;opacity:.92;}
.mg-v11-account-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.02;}
.mg-v11-account-copy small{margin-bottom:4px;color:#967a52;font-size:7px;font-weight:850;letter-spacing:1.6px;}
.mg-v11-account-copy strong{color:#dce0dc;font-size:12px;font-weight:760;white-space:nowrap;}
.mg-v11-account-chevron{margin-left:auto;color:#896f4b;font-size:12px;}
.mg-v11-mobile-bars{display:none;}

/* PANEL */
.mg-v11-backdrop{position:fixed;inset:0;z-index:1998;background:rgba(0,0,0,.48);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;}
.mg-v11-panel{position:fixed;z-index:1999;top:78px;right:max(20px,calc((100vw - 1450px)/2));width:min(340px,calc(100vw - 30px));max-height:calc(100dvh - 100px);overflow-y:auto;padding:18px;border:1px solid rgba(181,138,72,.28);border-radius:20px;background:linear-gradient(180deg,#0a1519,#071014);box-shadow:0 28px 90px rgba(0,0,0,.48);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top right;pointer-events:none;transition:.18s ease;}
body.mg-v11-menu-open .mg-v11-backdrop{opacity:1;visibility:visible;pointer-events:auto;}
body.mg-v11-menu-open .mg-v11-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.mg-v11-panel-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--mg11-line-soft);}
.mg-v11-panel-top>span{color:#8d7048;font-size:8px;font-weight:850;letter-spacing:1.8px;}
.mg-v11-close{width:32px;height:32px;border:1px solid rgba(142,158,163,.14);border-radius:50%;background:rgba(255,255,255,.02);color:#96a0a3;font-size:20px;cursor:pointer;}
.mg-v11-panel-services{display:none;}
.mg-v11-panel-account{padding-top:16px;}
.mg-v11-panel-user{display:flex;align-items:center;gap:11px;margin-bottom:14px;}
.mg-v11-panel-user small{display:block;margin-bottom:4px;color:#8c7048;font-size:8px;font-weight:850;letter-spacing:1.4px;}
.mg-v11-panel-user strong{display:block;color:#ece7df;font-size:16px;}
.mg-v11-point-card{margin-bottom:13px;padding:14px 15px;border:1px solid rgba(180,136,69,.22);border-radius:13px;background:linear-gradient(135deg,rgba(170,120,51,.08),rgba(255,255,255,.01));}
.mg-v11-point-card span{display:block;margin-bottom:5px;color:#7d8d91;font-size:10px;}.mg-v11-point-card strong{color:#ddb981;font-size:21px;}
.mg-v11-account-actions{display:grid;gap:6px;}.mg-v11-account-actions button{width:100%;min-height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border:1px solid rgba(139,155,160,.12);border-radius:11px;background:rgba(255,255,255,.02);color:#cfd6d4;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;}.mg-v11-account-actions button:hover{border-color:rgba(181,138,70,.28);background:rgba(168,120,52,.055);}.mg-v11-account-actions button b{color:#8e7149;font-size:18px;font-weight:400;}.mg-v11-account-actions button.muted{margin-top:4px;color:#77868a;}

/* HOME HERO */
body.mg-v11-home .hero{
  min-height:600px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  position:relative!important;margin:0 0 72px!important;padding:clamp(54px,7vw,92px) clamp(32px,5vw,76px)!important;overflow:hidden!important;
  border:1px solid rgba(185,140,72,.22)!important;border-radius:30px!important;
  background-image:linear-gradient(90deg,rgba(3,10,14,.97) 0%,rgba(3,10,14,.91) 32%,rgba(3,10,14,.35) 60%,rgba(3,10,14,.08) 100%),url('/static/img/mg-v11/hero.webp')!important;
  background-size:cover!important;background-position:center!important;box-shadow:0 28px 80px rgba(0,0,0,.26)!important;
}
body.mg-v11-home .hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(207,161,87,.42),transparent);}
body.mg-v11-home .hero>*{position:relative;z-index:2;max-width:720px;}
body.mg-v11-home .hero-label{margin-bottom:18px!important;color:#b98e51!important;font-size:11px!important;font-weight:850!important;letter-spacing:5px!important;}
body.mg-v11-home .hero h1{margin:0!important;color:var(--mg11-cream)!important;font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;font-size:clamp(58px,6.2vw,96px)!important;line-height:1.04!important;letter-spacing:-3px!important;font-weight:700!important;text-shadow:0 10px 34px rgba(0,0,0,.3)!important;word-break:keep-all!important;}
body.mg-v11-home .hero h1 em{color:#d7b171!important;font-style:normal!important;}
body.mg-v11-home .hero p{margin:26px 0 0!important;max-width:650px!important;color:#d9dedb!important;font-size:clamp(17px,1.6vw,22px)!important;line-height:1.72!important;font-weight:600!important;word-break:keep-all!important;}
body.mg-v11-home .hero p span{display:block;margin-top:9px;color:#89979a;font-size:.78em;font-weight:500;}
.mg-hero-actions{margin-top:32px!important;display:flex!important;gap:12px!important;flex-wrap:wrap!important;}
.mg-hero-primary,.mg-hero-secondary{min-width:230px!important;min-height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 24px!important;border-radius:12px!important;text-decoration:none!important;font-weight:850!important;font-size:15px!important;letter-spacing:-.2px!important;opacity:1!important;filter:none!important;}
.mg-hero-primary{border:1px solid rgba(226,190,128,.75)!important;background:linear-gradient(135deg,#e2c48f,#b98642)!important;color:#171008!important;box-shadow:0 14px 34px rgba(168,111,39,.2)!important;}
.mg-hero-secondary{border:1px solid rgba(202,153,80,.58)!important;background:rgba(7,15,19,.72)!important;color:#e2d2b4!important;backdrop-filter:blur(8px);}
.mg-v11-trust{margin-top:38px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:720px!important;}
.mg-v11-trust>span{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 0;color:#d0d6d3;}
.mg-v11-trust i{grid-row:1/3;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(193,146,73,.38);border-radius:50%;color:#c29453;font-style:normal;font-size:15px;}.mg-v11-trust b{font-size:11px;color:#d7d8d3;}.mg-v11-trust small{font-size:9px;color:#738286;}

/* SERVICE INTRO */
.mg-v11-service-intro{margin:0 auto 32px!important;padding:0!important;text-align:center!important;max-width:960px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.mg-v11-service-intro h2{margin:0!important;color:var(--mg11-cream)!important;font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;font-size:clamp(30px,3vw,44px)!important;line-height:1.35!important;font-weight:650!important;word-break:keep-all!important;}
.mg-v11-service-intro h2 small{display:block;margin-bottom:10px;color:#a77e45;font-family:inherit;font-size:10px;letter-spacing:5px;font-weight:850;}
.mg-v11-service-intro .mg-commercial-lead{margin:14px auto 0!important;color:#7f8f93!important;font-size:14px!important;line-height:1.7!important;}

/* PRODUCTS */
.mg-v11-products{margin:0 0 58px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.mg-v11-products .mg-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
.mg-v11-product-card{position:relative!important;min-height:430px!important;overflow:hidden!important;padding:30px!important;border:1px solid rgba(185,140,72,.30)!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(12,25,31,.96),rgba(7,16,20,.98))!important;box-shadow:0 18px 50px rgba(0,0,0,.18)!important;isolation:isolate!important;}
.mg-v11-product-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,13,17,.98) 0%,rgba(5,13,17,.91) 43%,rgba(5,13,17,.38) 72%,rgba(5,13,17,.12) 100%);pointer-events:none;}
.mg-v11-product-art{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.92;filter:saturate(.86) contrast(1.03);}
.mg-v11-product-card>*:not(.mg-v11-product-art){position:relative;z-index:2;max-width:72%;}
.mg-v11-product-card .mg-product-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;max-width:100%!important;margin-bottom:22px!important;}
.mg-v11-product-card .mg-product-top span{color:#a67d46!important;font-size:9px!important;font-weight:850!important;letter-spacing:3px!important;}.mg-v11-product-card .mg-product-top b{color:#dfbd85!important;font-size:16px!important;}
.mg-v11-product-card h3{margin:0 0 13px!important;color:#f0ece4!important;font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;font-size:30px!important;line-height:1.28!important;font-weight:700!important;}
.mg-v11-product-card>p{margin:0 0 22px!important;color:#aab5b4!important;font-size:12px!important;line-height:1.8!important;word-break:keep-all!important;}
.mg-v11-product-card .mg-product-lines{display:grid!important;gap:8px!important;margin:0 0 24px!important;}.mg-v11-product-card .mg-product-lines span{position:relative;padding-left:16px;color:#a9b3b2!important;font-size:11px!important;line-height:1.55!important;}.mg-v11-product-card .mg-product-lines span::before{content:"✓";position:absolute;left:0;color:#c69a5b;}
.mg-v11-product-card .mg-product-button{position:absolute!important;left:30px!important;right:30px!important;bottom:26px!important;max-width:none!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;text-decoration:none!important;font-weight:850!important;font-size:12px!important;}
.mg-v11-product-card .mg-product-button:not(:disabled){border:1px solid rgba(222,184,120,.58)!important;background:linear-gradient(135deg,#e2c48f,#b98642)!important;color:#171008!important;opacity:1!important;filter:none!important;}
.mg-v11-product-card .mg-product-button.secondary{background:rgba(5,13,17,.72)!important;color:#dbc39e!important;}
.mg-v11-product-card button:disabled,.mg-v11-product-card .mg-product-button:disabled{opacity:.4!important;filter:saturate(.25)!important;cursor:not-allowed!important;}

/* LIFEBOOK TEASER */
.mg-v11-life-teaser{min-height:430px!important;margin:0 0 64px!important;padding:clamp(38px,5vw,70px)!important;border:1px solid rgba(184,139,71,.24)!important;border-radius:26px!important;background-size:cover!important;background-position:center!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important;overflow:hidden!important;}
.mg-v11-life-teaser h2,.mg-v11-life-teaser h3{font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;color:#f0ece4!important;}
.mg-v11-life-teaser p{color:#a2afaf!important;}
.mg-v11-life-teaser a,.mg-v11-life-teaser button{border-color:rgba(202,153,80,.5)!important;color:#dfc18f!important;}

/* FORM / DETAIL SURFACES */
.layout,.form-card,.card,#lifeBookPreview,.mg-life-book{border-color:rgba(146,164,169,.16)!important;}
body.mg-v11-home main.layout{margin:0 auto 80px!important;max-width:980px!important;}
body.mg-v11-report .mg-report-page-intro,body.mg-v11-lifebook #lifeBookPreview{margin-top:0!important;}

/* RESPONSIVE */
@media (max-width:1180px){
  .top{grid-template-columns:210px minmax(330px,1fr) 190px!important;gap:20px!important;}
  .mg-v11-brand-image{width:165px!important;}.mg-v11-account-trigger{width:175px!important;}
  .mg-v11-products .mg-product-grid{grid-template-columns:1fr 1fr!important;}.mg-v11-life-card{grid-column:1/-1!important;}
}

@media (max-width:760px){
  .shell{padding:0 15px!important;}
  .top{min-height:70px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"logo account"!important;gap:10px!important;padding:12px 0!important;margin-bottom:26px!important;}
  .top .mg-site-nav{display:none!important;}
  .top .logo{height:52px!important;}.mg-v11-brand-image{width:156px!important;}
  .mg-v11-account-trigger{width:78px!important;height:46px!important;padding:4px 9px 4px 5px!important;gap:7px!important;}.mg-v11-account-copy,.mg-v11-account-chevron{display:none!important;}.mg-v11-mobile-bars{width:17px;display:flex!important;flex-direction:column;gap:4px;}.mg-v11-mobile-bars i{display:block;width:17px;height:1px;border-radius:10px;background:#b18e5d;}.mg-v11-avatar{width:36px;height:36px;flex-basis:36px;}
  .mg-v11-panel{top:max(12px,env(safe-area-inset-top));right:12px;width:min(360px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:18px;}
  .mg-v11-panel-services{display:block;padding:16px 0 18px;border-bottom:1px solid var(--mg11-line-soft);}.mg-v11-panel-label{margin-bottom:9px}.mg-v11-panel-label small{display:block;margin-bottom:3px;color:#917249;font-size:8px;font-weight:850;letter-spacing:1.5px}.mg-v11-panel-label strong{color:#cfd5d2;font-size:12px}.mg-v11-service-list{display:grid;gap:5px}.mg-v11-service-list a{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid transparent;border-radius:11px;text-decoration:none;color:#cbd1d0}.mg-v11-service-list a>span{display:flex;flex-direction:column;gap:2px}.mg-v11-service-list a strong{font-size:13px}.mg-v11-service-list a small{color:#937346;font-size:8px}.mg-v11-service-list a b{color:#876e4b;font-size:9px}.mg-v11-service-list a.is-active{border-color:rgba(181,137,70,.25);background:linear-gradient(90deg,rgba(166,118,50,.11),rgba(166,118,50,.02));color:#dfc08d}

  body.mg-v11-home .hero{min-height:690px!important;margin-bottom:54px!important;padding:42px 22px 34px!important;border-radius:24px!important;background-image:linear-gradient(180deg,rgba(3,10,14,.68) 0%,rgba(3,10,14,.78) 38%,rgba(3,10,14,.94) 72%,rgba(3,10,14,.98) 100%),url('/static/img/mg-v11/hero-mobile.webp')!important;background-position:center top!important;justify-content:flex-end!important;}
  body.mg-v11-home .hero>*{max-width:100%!important;}
  body.mg-v11-home .hero-label{font-size:9px!important;letter-spacing:4px!important;margin-bottom:14px!important;}
  body.mg-v11-home .hero h1{font-size:clamp(50px,14.7vw,70px)!important;line-height:1.02!important;letter-spacing:-2.5px!important;max-width:340px!important;}
  body.mg-v11-home .hero p{font-size:16px!important;line-height:1.65!important;margin-top:20px!important;}.mg-hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin-top:24px!important;}.mg-hero-primary,.mg-hero-secondary{width:100%!important;min-width:0!important;min-height:56px!important;}
  .mg-v11-trust{grid-template-columns:1fr!important;gap:2px!important;margin-top:20px!important;width:100%!important;}.mg-v11-trust>span{padding:5px 0!important;grid-template-columns:30px 1fr!important;}.mg-v11-trust i{width:28px;height:28px;}
  .mg-v11-service-intro{margin-bottom:24px!important;padding:0 4px!important;}.mg-v11-service-intro h2{font-size:31px!important;line-height:1.45!important;}.mg-v11-service-intro .mg-commercial-lead{font-size:12px!important;}
  .mg-v11-products .mg-product-grid{grid-template-columns:1fr!important;gap:12px!important;}.mg-v11-life-card{grid-column:auto!important;}.mg-v11-product-card{min-height:360px!important;padding:24px!important;border-radius:18px!important;}.mg-v11-product-card>*:not(.mg-v11-product-art){max-width:76%!important;}.mg-v11-product-card h3{font-size:27px!important;}.mg-v11-product-card .mg-product-button{left:24px!important;right:24px!important;bottom:22px!important;}
  .mg-v11-life-teaser{min-height:480px!important;padding:28px 22px!important;background-position:65% center!important;}
}

@media (max-width:390px){
  .mg-v11-brand-image{width:145px!important;}.mg-v11-account-trigger{width:74px!important;}.mg-v11-product-card>*:not(.mg-v11-product-art){max-width:82%!important;}.mg-v11-product-card{min-height:380px!important;}
}