/* MYEONGRIGYEOL_PREMIUM_FULLSKIN_V12 */

:root{
  --mg12-bg:#061116;
  --mg12-bg-2:#0a171d;
  --mg12-bg-3:#0d1b21;
  --mg12-panel:rgba(9,23,29,.94);
  --mg12-panel-strong:#09171d;
  --mg12-line:rgba(188,143,76,.30);
  --mg12-line-strong:rgba(213,165,91,.55);
  --mg12-line-soft:rgba(139,160,165,.14);
  --mg12-gold:#bd8d4f;
  --mg12-gold-2:#ddb979;
  --mg12-gold-3:#f0d49c;
  --mg12-cream:#f1ede5;
  --mg12-text:#dce1df;
  --mg12-muted:#849399;
  --mg12-dim:#617279;
  --mg12-shadow:0 24px 70px rgba(0,0,0,.28);
  --mg12-radius:22px;
  --mg12-radius-sm:13px;
}

html,body{
  width:100%;
  max-width:100%;
  margin:0;
  overflow-x:hidden!important;
  background:var(--mg12-bg)!important;
}

html{scroll-behavior:smooth;}
body{
  position:relative;
  min-height:100vh;
  color:var(--mg12-text);
  background-image:
    radial-gradient(circle at 82% 8%,rgba(184,132,60,.08),transparent 23%),
    radial-gradient(circle at 18% 38%,rgba(41,79,88,.07),transparent 25%),
    linear-gradient(180deg,rgba(4,13,18,.22),rgba(4,13,18,.82) 58%,rgba(4,13,18,.98)),
    url('/static/img/mg-v12/page-backdrop-v12.webp')!important;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;
  background-position:center top,center top,center top,center 1050px!important;
  background-size:auto,auto,auto,min(1800px,125vw) auto!important;
  background-attachment:scroll,scroll,scroll,scroll!important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.2;
  background-image:url('/static/img/mg-v12/texture.webp');
  background-size:680px 680px;
  mix-blend-mode:soft-light;
}

*,*::before,*::after{box-sizing:border-box;}
img,svg,video,canvas{max-width:100%;height:auto;}
button,input,select,textarea{font:inherit;}
a{color:inherit;}

.shell{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:0 clamp(20px,3.7vw,58px)!important;
}

/* Keep legacy account actions functional, but visually controlled by V12. */
.top > *:not(.logo):not(.mg-site-nav):not(.mg-v12-account-trigger){display:none!important;}
.mg-v12-hide{display:none!important;}
.mg-v12-old-intro{display:none!important;}

/* =========================================================
   HEADER
========================================================= */
.top{
  width:100%!important;
  min-height:88px!important;
  display:grid!important;
  grid-template-columns:minmax(210px,260px) minmax(420px,1fr) minmax(170px,210px)!important;
  grid-template-areas:"logo nav account"!important;
  align-items:center!important;
  gap:clamp(20px,3vw,48px)!important;
  padding:16px 0!important;
  margin:0 0 clamp(32px,4vw,56px)!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:120!important;
  border-bottom:1px solid rgba(177,133,71,.16)!important;
}

.top::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:min(900px,72vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(190,145,78,.38),transparent);
}

.top .logo{
  grid-area:logo;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  justify-self:start!important;
  cursor:pointer;
  min-width:0!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
.top .logo > *:not(.mg-v12-brand-image){display:none!important;}
.mg-v12-brand-image{
  width:198px!important;
  max-width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:contain;
  filter:drop-shadow(0 3px 14px rgba(0,0,0,.25));
}

.top .mg-site-nav{
  grid-area:nav;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  justify-self:center!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,2.1vw,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:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8b989b!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:760!important;
  letter-spacing:-.18px!important;
  white-space:nowrap!important;
  opacity:1!important;
  filter:none!important;
  transition:color .17s ease,transform .17s ease!important;
}
.mg-site-nav a:hover{color:#d3b887!important;transform:translateY(-1px);}
.mg-site-nav a.is-active{color:var(--mg12-gold-3)!important;font-weight:850!important;}
.mg-site-nav a.is-active::after{
  content:"";
  position:absolute;
  left:15%;right:15%;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#c79852,transparent);
  box-shadow:0 0 10px rgba(201,151,79,.2);
}

.mg-v12-account-trigger{
  grid-area:account;
  justify-self:end;
  width:190px;
  height:50px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:5px 12px 5px 6px;
  border:1px solid rgba(173,133,74,.26);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(14,27,31,.88),rgba(7,18,22,.90));
  color:#d6d9d6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.12);
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.mg-v12-account-trigger:hover{border-color:rgba(196,149,80,.48);transform:translateY(-1px);}
.mg-v12-avatar{
  flex:0 0 38px;
  width:38px;height:38px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(214,170,97,.55);
  border-radius:50%;
  overflow:hidden;
  background:#0b181c;
  box-shadow:0 0 0 2px rgba(180,134,67,.06);
}
.mg-v12-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.mg-v12-avatar-fallback img{width:27px;height:auto;object-fit:contain;opacity:.86;}
.mg-v12-account-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;}
.mg-v12-account-copy small{margin-bottom:4px;color:#8f734e;font-size:7px;font-weight:850;letter-spacing:1.5px;}
.mg-v12-account-copy strong{color:#d9dcd8;font-size:12px;font-weight:760;white-space:nowrap;}
.mg-v12-account-chevron{margin-left:auto;color:#8d734e;font-size:12px;}
.mg-v12-mobile-bars{display:none;}

/* =========================================================
   ACCOUNT PANEL
========================================================= */
.mg-v12-backdrop{
  position:fixed;inset:0;z-index:1998;
  background:rgba(0,0,0,.42);
  backdrop-filter:blur(4px);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:.18s ease;
}
.mg-v12-panel{
  position:fixed;z-index:1999;
  top:80px;
  right:max(18px,calc((100vw - 1500px)/2 + 36px));
  width:min(350px,calc(100vw - 30px));
  max-height:calc(100dvh - 100px);
  overflow-y:auto;
  padding:19px;
  border:1px solid rgba(184,141,77,.30);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0,rgba(172,120,47,.08),transparent 35%),
    linear-gradient(180deg,#0a181d,#071116 72%);
  box-shadow:0 28px 90px rgba(0,0,0,.52);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-8px) scale(.985);
  transform-origin:top right;
  transition:.18s ease;
}
body.mg-v12-menu-open .mg-v12-backdrop{opacity:1;visibility:visible;pointer-events:auto;}
body.mg-v12-menu-open .mg-v12-panel{opacity:1;visibility:visible;pointer-events:auto;transform:none;}
.mg-v12-panel-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--mg12-line-soft);}
.mg-v12-panel-top>span{color:#97754a;font-size:8px;font-weight:850;letter-spacing:1.8px;}
.mg-v12-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(139,156,161,.16);border-radius:50%;background:rgba(255,255,255,.018);color:#93a0a3;font-size:20px;cursor:pointer;}
.mg-v12-panel-services{display:none;}
.mg-v12-panel-user{display:flex;align-items:center;gap:11px;padding:17px 0 13px;}
.mg-v12-panel-user small{display:block;margin-bottom:3px;color:#8d7049;font-size:8px;font-weight:850;letter-spacing:1.35px;}
.mg-v12-panel-user strong{display:block;color:#e2e0da;font-size:16px;}
.mg-v12-point-card{margin-bottom:13px;padding:14px 15px;border:1px solid rgba(183,138,70,.22);border-radius:14px;background:linear-gradient(135deg,rgba(161,112,45,.075),rgba(255,255,255,.012));}
.mg-v12-point-card span{display:block;margin-bottom:5px;color:#7d8d91;font-size:10px;}
.mg-v12-point-card strong{color:#ddba7d;font-size:21px;}
.mg-v12-account-actions{display:grid;gap:6px;}
.mg-v12-account-actions button{width:100%;min-height:49px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(136,154,160,.13);border-radius:12px;background:rgba(255,255,255,.018);color:#ccd2d0;text-align:left;cursor:pointer;}
.mg-v12-account-actions button:hover{border-color:rgba(186,142,75,.28);background:rgba(168,118,50,.05);}
.mg-v12-account-actions button i{color:#b98e51;font-style:normal;text-align:center;}
.mg-v12-account-actions button b{color:#8c704c;font-size:18px;font-weight:400;}
.mg-v12-account-actions button.muted{margin-top:4px;color:#758488;}
.mg-v12-panel-brand{display:none;}

/* =========================================================
   HOME HERO
========================================================= */
body.mg-v12-home .hero{
  position:relative!important;
  min-height:600px!important;
  margin:0 0 70px!important;
  padding:clamp(58px,7vw,96px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  overflow:hidden!important;
  border:1px solid rgba(184,139,72,.22)!important;
  border-radius:30px!important;
  background-image:
    linear-gradient(90deg,rgba(3,11,15,.96) 0%,rgba(3,11,15,.84) 39%,rgba(3,11,15,.28) 74%,rgba(3,11,15,.10) 100%),
    url('/static/img/mg-v12/home-hero-v12.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:0 34px 100px rgba(0,0,0,.30)!important;
  isolation:isolate!important;
}
body.mg-v12-home .hero::before{
  content:"";
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,transparent 67%,rgba(3,10,14,.48));
}
body.mg-v12-home .hero>*{position:relative;z-index:1;max-width:min(690px,58%);}
body.mg-v12-home .hero-label{margin-bottom:16px!important;color:#aa8149!important;font-size:9px!important;font-weight:850!important;letter-spacing:4.2px!important;}
body.mg-v12-home .hero h1{margin:0!important;color:var(--mg12-cream)!important;font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;font-size:clamp(54px,5.5vw,84px)!important;line-height:1.04!important;letter-spacing:-3.2px!important;font-weight:650!important;word-break:keep-all!important;text-shadow:0 6px 28px rgba(0,0,0,.24);}
body.mg-v12-home .hero h1 em{color:#e0bb78!important;font-style:normal!important;}
body.mg-v12-home .hero p{margin:22px 0 0!important;color:#d3d8d5!important;font-size:18px!important;line-height:1.72!important;word-break:keep-all!important;}
body.mg-v12-home .hero p span{display:block;margin-top:5px;color:#8e9ca0;font-size:13px;}
.mg-hero-actions{display:flex!important;gap:12px!important;margin-top:28px!important;width:min(600px,100%)!important;}
.mg-hero-primary,.mg-hero-secondary{min-height:58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:0 22px!important;border-radius:12px!important;text-decoration:none!important;font-size:13px!important;font-weight:850!important;letter-spacing:-.1px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;}
.mg-hero-primary{flex:1;border:1px solid rgba(237,203,143,.72)!important;background:linear-gradient(135deg,#e9cb93,#b77f38)!important;color:#171006!important;box-shadow:0 13px 34px rgba(177,123,51,.20)!important;}
.mg-hero-secondary{flex:1;border:1px solid rgba(191,145,78,.54)!important;background:rgba(6,15,19,.72)!important;color:#e0c493!important;backdrop-filter:blur(7px);}
.mg-hero-primary:hover,.mg-hero-secondary:hover{transform:translateY(-2px);}
.mg-hero-primary b,.mg-hero-secondary b{font-size:18px;font-weight:400;}
.mg-v12-trust{display:grid;grid-template-columns:repeat(4,max-content);gap:8px;margin-top:24px!important;width:auto!important;max-width:100%!important;}
.mg-v12-trust span{min-height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(145,163,166,.19);border-radius:999px;background:rgba(4,13,17,.48);color:#8d9a9d;font-size:10px;backdrop-filter:blur(5px);}
.mg-v12-trust i{color:#c89b58;font-style:normal;font-size:13px;}.mg-v12-trust b{font-weight:700;color:#aab4b4;}

/* =========================================================
   HOME SERVICE / PRODUCTS
========================================================= */
.mg-v12-service-intro{
  margin:0 auto 32px!important;
  padding:0!important;
  max-width:980px!important;
  text-align:center!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
.mg-v12-service-intro h2{margin:0!important;color:var(--mg12-cream)!important;font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;font-size:clamp(31px,3.3vw,48px)!important;line-height:1.4!important;font-weight:650!important;word-break:keep-all!important;}
.mg-v12-service-intro h2 small{display:block;margin-bottom:10px;color:#9f7846;font-size:9px;letter-spacing:5px;font-weight:850;}
.mg-v12-service-intro h2 em{color:#d4b57f;font-style:normal;}
.mg-v12-service-intro .mg-commercial-lead{margin:15px auto 0!important;color:#7f8f93!important;font-size:13px!important;line-height:1.75!important;}
.mg-v12-service-intro .mg-quote,.mg-v12-service-intro .mg-principles{display:none!important;}

.mg-v12-products{margin:0 0 70px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.mg-v12-products .mg-section-head{display:none!important;}
.mg-v12-products .mg-product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
.mg-v12-product-card{
  position:relative!important;
  min-height:450px!important;
  overflow:hidden!important;
  padding:30px 30px 92px!important;
  border:1px solid rgba(191,145,76,.31)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(8,21,26,.98),rgba(5,14,18,.99))!important;
  box-shadow:0 20px 56px rgba(0,0,0,.20)!important;
  isolation:isolate!important;
}
.mg-v12-product-art{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.96;filter:saturate(.86) contrast(1.05);}
.mg-v12-product-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,12,16,.98) 0%,rgba(4,12,16,.91) 47%,rgba(4,12,16,.45) 76%,rgba(4,12,16,.14) 100%);pointer-events:none;}
.mg-v12-product-card>*:not(.mg-v12-product-art){position:relative;z-index:2;max-width:78%;}
.mg-v12-product-card .mg-product-top{max-width:100%!important;margin:0 0 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
.mg-v12-product-card .mg-product-top span{color:#9d7542!important;font-size:8px!important;font-weight:850!important;letter-spacing:3px!important;}
.mg-v12-product-card .mg-product-top b{padding:5px 8px;border:1px solid rgba(194,146,75,.32);border-radius:999px;color:#d9b77d!important;background:rgba(157,109,43,.06);font-size:10px!important;}
.mg-v12-product-card h3{margin:0 0 12px!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-v12-product-card>p{margin:0 0 20px!important;color:#a5b0af!important;font-size:12px!important;line-height:1.8!important;word-break:keep-all!important;}
.mg-v12-product-card .mg-product-lines{display:grid!important;gap:8px!important;margin:0!important;}
.mg-v12-product-card .mg-product-lines span{position:relative;padding-left:17px;color:#a5afae!important;font-size:10.5px!important;line-height:1.6!important;}
.mg-v12-product-card .mg-product-lines span::before{content:"✓";position:absolute;left:0;color:#c79a58;}
.mg-v12-product-card .mg-product-button{
  position:absolute!important;left:30px!important;right:30px!important;bottom:26px!important;
  width:auto!important;max-width:none!important;min-height:52px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;
  padding:0 16px!important;
  border-radius:11px!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important;
}
.mg-v12-product-card .mg-product-button:not(:disabled){border:1px solid rgba(231,193,127,.64)!important;background:linear-gradient(135deg,#e6c68f,#b78039)!important;color:#171006!important;opacity:1!important;filter:none!important;cursor:pointer!important;box-shadow:0 10px 26px rgba(170,114,46,.15)!important;}
.mg-v12-product-card .mg-product-button.secondary{background:rgba(5,14,18,.78)!important;color:#ddc18f!important;border-color:rgba(192,145,77,.50)!important;}
.mg-v12-product-card .mg-product-button strong{font-size:12px;}.mg-v12-product-card .mg-product-button b{font-size:17px;font-weight:400;}
.mg-v12-product-card button:disabled,.mg-v12-product-card .mg-product-button:disabled{opacity:.42!important;filter:saturate(.28)!important;cursor:not-allowed!important;box-shadow:none!important;}

.mg-v12-life-teaser{
  min-height:430px!important;
  margin:0 0 78px!important;
  padding:clamp(38px,5vw,68px)!important;
  border:1px solid rgba(188,142,73,.26)!important;
  border-radius:26px!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:var(--mg12-shadow)!important;
  overflow:hidden!important;
}
.mg-v12-life-teaser h2,.mg-v12-life-teaser h3{font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;color:#f0ece4!important;}
.mg-v12-life-teaser p{color:#9eabab!important;}
.mg-v12-life-teaser a,.mg-v12-life-teaser button{border-color:rgba(202,154,79,.52)!important;color:#dec08d!important;}

/* =========================================================
   DETAIL HEROES
========================================================= */
.mg-v12-detail-hero{
  width:100%;
  min-height:430px;
  margin:0 0 34px;
  padding:clamp(42px,5vw,72px);
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:38px;
  overflow:hidden;
  border:1px solid rgba(187,142,74,.25);
  border-radius:26px;
  box-shadow:0 28px 80px rgba(0,0,0,.24);
  background-size:cover;
  background-position:center;
  isolation:isolate;
}
.mg-v12-detail-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,11,15,.97) 0%,rgba(3,11,15,.88) 42%,rgba(3,11,15,.30) 73%,rgba(3,11,15,.14));}
.mg-v12-report-hero{background-image:url('/static/img/mg-v12/report-hero-v12.webp');}
.mg-v12-lifebook-hero{background-image:url('/static/img/mg-v12/lifebook-hero-v12.webp');}
.mg-v12-detail-copy{max-width:760px;}
.mg-v12-detail-copy>small{display:block;margin-bottom:12px;color:#a17a47;font-size:9px;font-weight:850;letter-spacing:4px;}
.mg-v12-detail-copy h1{margin:0;color:#f0ece4;font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif;font-size:clamp(42px,5vw,72px);line-height:1.12;letter-spacing:-2px;font-weight:650;word-break:keep-all;}
.mg-v12-detail-copy h1 em{color:#dfbd80;font-style:normal;}
.mg-v12-detail-copy p{max-width:680px;margin:18px 0 0;color:#a8b3b2;font-size:14px;line-height:1.8;word-break:keep-all;}
.mg-v12-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;}
.mg-v12-detail-badges span{min-height:35px;display:flex;align-items:center;padding:0 12px;border:1px solid rgba(145,162,166,.18);border-radius:999px;background:rgba(4,13,17,.46);color:#98a7aa;font-size:10px;}
.mg-v12-detail-price{min-width:190px;padding:18px 20px;border:1px solid rgba(197,150,80,.30);border-radius:17px;background:rgba(5,15,19,.70);backdrop-filter:blur(7px);text-align:center;box-shadow:0 14px 36px rgba(0,0,0,.20);}
.mg-v12-detail-price small{display:block;color:#917044;font-size:8px;letter-spacing:2px;}.mg-v12-detail-price strong{display:block;margin:7px 0 3px;color:#e1bd7c;font-size:30px;}.mg-v12-detail-price span{color:#7f8f93;font-size:9px;}

/* =========================================================
   FORM / INPUT SKIN
========================================================= */
.layout{min-width:0!important;}
.mg-v12-home main.layout{max-width:1180px!important;margin:0 auto 90px!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:20px!important;align-items:start!important;}
.mg-v12-report main.layout,.mg-v12-lifebook main.layout{max-width:1120px!important;margin:0 auto 80px!important;grid-template-columns:1fr!important;gap:20px!important;}

.mg-v12-form-card{
  position:relative!important;
  top:auto!important;
  padding:clamp(24px,3vw,36px)!important;
  border:1px solid rgba(148,167,171,.17)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(178,126,51,.065),transparent 30%),
    linear-gradient(145deg,rgba(10,25,31,.98),rgba(6,17,22,.985))!important;
  box-shadow:0 26px 78px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}
.mg-v12-form-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(196,149,80,.38),transparent);}
.mg-v12-form-card>.kicker{color:#9e7746!important;letter-spacing:2.4px!important;font-size:8px!important;font-weight:850!important;}
.mg-v12-form-card>h2{margin:8px 0 6px!important;color:#f0ece4!important;font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;font-size:clamp(26px,3vw,36px)!important;line-height:1.35!important;font-weight:650!important;}
.mg-v12-form-card>.desc{margin:0 0 24px!important;color:#819196!important;font-size:11px!important;line-height:1.75!important;}

.mg-v12-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 0 24px;padding:0 0 16px;border-bottom:1px solid rgba(142,162,167,.12);}
.mg-v12-lifebook .mg-v12-progress{grid-template-columns:repeat(6,minmax(0,1fr));}
.mg-v12-progress span{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-right:8px;color:#5d7076;}
.mg-v12-progress span::after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:1px;background:rgba(137,156,161,.10);}
.mg-v12-progress span.is-active::after{background:linear-gradient(90deg,#c99855,transparent);}
.mg-v12-progress b{color:#8e7049;font-size:9px;}.mg-v12-progress small{font-size:8px;line-height:1.35;white-space:normal;}.mg-v12-progress .is-active b,.mg-v12-progress .is-active small{color:#dab77e;}

.mg-v12-form{display:block!important;}
.mg-v12-step-head{display:flex;align-items:center;gap:12px;margin:25px 0 13px;padding-top:3px;}
.mg-v12-step-head:first-child{margin-top:4px;}
.mg-v12-step-head>span{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(201,153,82,.44);border-radius:50%;background:linear-gradient(135deg,rgba(196,144,68,.18),rgba(196,144,68,.035));color:#dfbd82;font-size:11px;font-weight:850;}
.mg-v12-step-head strong{display:block;color:#dddcd7;font-size:14px;}.mg-v12-step-head small{display:block;margin-top:3px;color:#687b80;font-size:9px;line-height:1.5;}

.mg-v12-form .field{margin-top:13px!important;}
.mg-v12-form .field label,.mg-v12-form label{color:#8fa0a4!important;font-size:10px!important;font-weight:650!important;}
.mg-v12-form input:not([type="radio"]):not([type="checkbox"]),
.mg-v12-form textarea,
.mg-v12-form select,
.mg-v12-control{
  width:100%!important;
  min-height:50px!important;
  padding:0 14px!important;
  border:1px solid #2a4149!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#08171d,#071319)!important;
  color:#e2e7e4!important;
  outline:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.016)!important;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease!important;
  color-scheme:dark;
}
.mg-v12-form textarea{min-height:118px!important;padding-top:13px!important;line-height:1.65!important;resize:vertical!important;}
.mg-v12-form input::placeholder,.mg-v12-form textarea::placeholder{color:#566a71!important;}
.mg-v12-form input:focus,.mg-v12-form textarea:focus,.mg-v12-form select:focus{border-color:#9f7a4b!important;background:#09191f!important;box-shadow:0 0 0 3px rgba(187,143,76,.07)!important;}

.mg-v12-form .row2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;}
.mg-v12-form .segment{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
.mg-v12-form .segment input{display:none!important;}
.mg-v12-form .segment label{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;border:1px solid #2a4149!important;border-radius:12px!important;background:#07161c!important;color:#86979c!important;cursor:pointer!important;transition:.15s ease!important;}
.mg-v12-form .segment label::before{content:"";width:8px;height:8px;margin-right:8px;border:1px solid #6b7d82;border-radius:50%;background:transparent;}
.mg-v12-form .segment input:checked+label{border-color:#a07c4d!important;background:linear-gradient(135deg,rgba(190,142,70,.18),rgba(15,27,28,.95))!important;color:#e0be83!important;box-shadow:inset 0 0 0 1px rgba(214,168,95,.035)!important;}
.mg-v12-form .segment input:checked+label::before{border-color:#d3a760;background:#d3a760;box-shadow:0 0 0 3px rgba(211,167,96,.08);}

.mg-v12-form .check{min-height:36px!important;display:flex!important;align-items:center!important;gap:9px!important;margin-top:9px!important;color:#71858a!important;font-size:9px!important;}
.mg-v12-form .check input{width:17px!important;height:17px!important;accent-color:#b8894b!important;}
.mg-v12-form select{appearance:none!important;-webkit-appearance:none!important;padding-right:40px!important;background-image:linear-gradient(45deg,transparent 50%,#b28b58 50%),linear-gradient(135deg,#b28b58 50%,transparent 50%),linear-gradient(180deg,#08171d,#071319)!important;background-position:calc(100% - 17px) 23px,calc(100% - 12px) 23px,0 0!important;background-size:5px 5px,5px 5px,100% 100%!important;background-repeat:no-repeat!important;}
.mg-v12-form select option{background:#08171d!important;color:#e0e5e3!important;}
.mg-v12-form input[type="date"]::-webkit-calendar-picker-indicator,.mg-v12-form input[type="time"]::-webkit-calendar-picker-indicator,.mg-v12-form input[type="datetime-local"]::-webkit-calendar-picker-indicator{opacity:.86!important;width:20px!important;height:20px!important;padding:4px!important;border-radius:6px!important;background-color:rgba(195,149,81,.07)!important;filter:sepia(.15)!important;cursor:pointer!important;}

.mg-v12-icon-field{position:relative;}
.mg-v12-icon-field::after{content:var(--mg-v12-icon);position:absolute;right:13px;bottom:15px;color:#8d7048;font-size:12px;pointer-events:none;opacity:.72;}
.mg-v12-icon-field input{padding-right:40px!important;}
.mg-v12-context-surface{margin-top:14px!important;padding:16px!important;border:1px solid rgba(141,160,165,.13)!important;border-radius:15px!important;background:rgba(8,21,26,.55)!important;}

.mg-v12-form .mg-focus-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
.mg-v12-form .mg-focus,.mg-v12-choice-button{min-height:44px!important;border:1px solid #2b424a!important;border-radius:11px!important;background:#07161c!important;color:#85979c!important;cursor:pointer!important;}
.mg-v12-form .mg-focus:hover,.mg-v12-choice-button:hover{border-color:#725c3d!important;color:#d0ad73!important;}
.mg-v12-form .mg-focus.active,.mg-v12-choice-button.active,.mg-v12-choice-button[aria-pressed="true"]{border-color:#a17c4c!important;background:linear-gradient(135deg,rgba(188,140,69,.19),rgba(12,25,27,.96))!important;color:#e4c48e!important;}

.mg-v12-submit,.mg-v12-form .cta{
  width:100%!important;
  min-height:58px!important;
  margin-top:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  border:1px solid rgba(235,198,133,.72)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#e7c78f 0%,#c18d47 58%,#a87335 100%)!important;
  color:#171006!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 15px 36px rgba(169,111,42,.18)!important;
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
}
.mg-v12-submit b,.mg-v12-form .cta b{font-size:18px;font-weight:400;}
.mg-v12-submit:disabled,.mg-v12-form .cta:disabled{opacity:.42!important;filter:saturate(.25)!important;cursor:not-allowed!important;box-shadow:none!important;}
.mg-v12-form-note{margin-top:12px!important;color:#5c7076!important;font-size:8.5px!important;line-height:1.65!important;text-align:center!important;}

/* =========================================================
   RESULT SKIN
========================================================= */
.mg-v12-result-shell{
  position:relative!important;
  min-height:620px!important;
  padding:clamp(24px,3vw,34px)!important;
  border:1px solid rgba(145,164,169,.16)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 88% 0,rgba(185,132,54,.05),transparent 30%),
    linear-gradient(145deg,rgba(9,23,29,.97),rgba(5,16,21,.985))!important;
  box-shadow:0 26px 78px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}
.mg-v12-result-shell::before{content:"";position:absolute;inset:0;z-index:0;opacity:.09;background:url('/static/img/mg-v12/result-hero-v12.webp') center top/cover no-repeat;pointer-events:none;}
.mg-v12-result-shell>*{position:relative;z-index:1;}
.mg-v12-empty{min-height:560px!important;}
.mg-v12-empty .compass{border-color:rgba(190,145,77,.22)!important;box-shadow:0 0 60px rgba(188,139,70,.04)!important;}
.mg-v12-result .result-head{padding-bottom:20px!important;border-bottom:1px solid rgba(140,159,164,.12)!important;}
.mg-v12-result .result-head h2{font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;color:#eee9e1!important;}
.mg-v12-result .dm{border:1px solid rgba(190,143,76,.28)!important;border-radius:14px!important;background:rgba(157,110,43,.05)!important;}
.mg-v12-result .pillars>*,.mg-v12-result .stability,.mg-v12-result .chat,.mg-v12-result .classical-view,.mg-v12-result .year-preview{border-color:rgba(142,161,166,.13)!important;background:rgba(6,18,23,.72)!important;border-radius:16px!important;}
.mg-v12-result-card{border-color:rgba(145,164,169,.14)!important;background:linear-gradient(145deg,rgba(10,24,29,.88),rgba(6,17,22,.92))!important;border-radius:16px!important;}

.mg-v12-paybox{
  margin-top:22px!important;
  padding:24px!important;
  border:1px solid rgba(191,145,77,.34)!important;
  border-radius:19px!important;
  text-align:left!important;
  background:
    radial-gradient(circle at 100% 0,rgba(190,137,54,.10),transparent 32%),
    linear-gradient(145deg,#0d1b1f,#081419)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
}
.mg-v12-paybox small{color:#99764b!important;font-size:8px!important;letter-spacing:2px!important;}
.mg-v12-paybox h3{margin:9px 0 5px!important;color:#eeeae1!important;font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;font-size:22px!important;line-height:1.5!important;}
.mg-v12-paybox .price{margin:9px 0;color:#e0ba7b!important;font-size:32px!important;}
.mg-v12-paybox p{color:#7f9094!important;font-size:10px!important;line-height:1.75!important;}
.mg-v12-paybox .paybtn{width:100%!important;min-height:54px!important;margin-top:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;border:1px solid rgba(228,190,123,.60)!important;border-radius:11px!important;background:linear-gradient(135deg,#e2c18a,#b77f3a)!important;color:#171006!important;font-weight:900!important;cursor:pointer!important;opacity:1!important;}
.mg-v12-paybox .paybtn:disabled{opacity:.42!important;filter:saturate(.25)!important;cursor:not-allowed!important;}

/* =========================================================
   LIFEBOOK
========================================================= */
.mg-v12-life-book{
  width:100%!important;
  max-width:1220px!important;
  margin:0 auto 80px!important;
  display:grid!important;
  grid-template-columns:minmax(320px,410px) minmax(0,1fr)!important;
  gap:clamp(34px,5vw,70px)!important;
  align-items:start!important;
  padding:clamp(28px,3vw,42px)!important;
  border:1px solid rgba(184,140,73,.22)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 18% 15%,rgba(188,134,54,.08),transparent 30%),
    linear-gradient(145deg,rgba(9,23,29,.98),rgba(5,15,20,.99))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}
.mg-v12-book-cover{
  min-height:590px!important;
  width:100%!important;
  max-width:410px!important;
  margin:0 auto!important;
  padding:38px 28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(204,157,84,.48)!important;
  border-radius:10px!important;
  background:
    linear-gradient(180deg,rgba(5,13,17,.28),rgba(5,13,17,.68)),
    url('/static/img/mg-v12/lifebook-hero-v12.webp') center/cover no-repeat!important;
  box-shadow:0 24px 62px rgba(0,0,0,.42),inset 0 0 0 8px rgba(185,139,71,.035)!important;
}
.mg-v12-book-cover::before{content:"";position:absolute;inset:14px;border:1px solid rgba(208,161,87,.26);pointer-events:none;}
.mg-v12-book-cover>*{position:relative;z-index:1;}
.mg-v12-book-cover .mg-book-symbol{color:#bf9254!important;letter-spacing:5px!important;}.mg-v12-book-cover small{color:#89989b!important;letter-spacing:3px!important;}.mg-v12-book-cover h2{margin-top:72px!important;color:#f0ece3!important;font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;font-size:34px!important;font-weight:500!important;}.mg-v12-book-cover h3{color:#c09358!important;font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;font-size:37px!important;letter-spacing:10px!important;}.mg-v12-book-cover p{color:#77898d!important;font-size:9px!important;}
.mg-v12-book-content{min-width:0!important;}
.mg-v12-book-content .mg-section-kicker{color:#9f7948!important;letter-spacing:3px!important;}.mg-v12-book-content>h2{margin:10px 0!important;color:#f0ece4!important;font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;font-size:clamp(31px,3.6vw,48px)!important;line-height:1.45!important;font-weight:650!important;}.mg-v12-book-content>h2 em{color:#d7b77f!important;font-style:normal!important;}.mg-v12-book-lead{color:#8d9c9f!important;line-height:1.85!important;}
.mg-v12-book-content .mg-chapters{display:grid!important;gap:7px!important;margin-top:24px!important;}
.mg-v12-book-content .mg-chapters>div{position:relative!important;display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;min-height:50px!important;padding:9px 12px 9px 16px!important;border:1px solid rgba(139,158,163,.12)!important;border-radius:11px!important;background:rgba(7,19,24,.62)!important;}
.mg-v12-book-content .mg-chapters>div::after{content:var(--mg-v12-index);position:absolute;right:11px;color:#4f6268;font-size:8px;}.mg-v12-book-content .mg-chapters b{color:#a17c4a!important;font-size:8px!important;letter-spacing:1.2px!important;}.mg-v12-book-content .mg-chapters span{padding-right:24px;color:#a7b0ae!important;font-size:10px!important;line-height:1.5!important;}
.mg-v12-book-content .mg-dialogue-preview{margin-top:20px!important;padding:18px!important;border:1px solid rgba(184,140,72,.20)!important;border-radius:15px!important;background:rgba(153,107,42,.04)!important;}

/* =========================================================
   LOADING / MODALS / GENERIC PRODUCT FLOW
========================================================= */
.loading{background:rgba(2,8,12,.92)!important;backdrop-filter:blur(12px)!important;}
.loading-ring{border-color:rgba(183,139,73,.23)!important;background:#071419!important;color:#829196!important;}
.mg-account-modal,.mg-product-modal,[class*="modal"] .mg-modal-card{border-color:rgba(184,141,76,.26)!important;background:linear-gradient(180deg,#0b181d,#071116)!important;box-shadow:0 30px 100px rgba(0,0,0,.5)!important;}

/* =========================================================
   TABLET
========================================================= */
@media(max-width:1180px){
  .top{grid-template-columns:190px minmax(330px,1fr) 176px!important;gap:18px!important;}
  .mg-v12-brand-image{width:170px!important;}.mg-v12-account-trigger{width:172px!important;}
  .mg-v12-products .mg-product-grid{grid-template-columns:1fr 1fr!important;}.mg-v12-life-card{grid-column:1/-1!important;}
  .mg-v12-life-book{grid-template-columns:330px minmax(0,1fr)!important;gap:32px!important;}
}

/* =========================================================
   MOBILE
========================================================= */
@media(max-width:760px){
  body{background-position:center top,center top,center top,center 850px!important;background-size:auto,auto,auto,1100px auto!important;}
  .shell{padding:0 14px!important;}
  .top{
    min-height:70px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"logo account"!important;
    gap:10px!important;
    padding:11px 0!important;
    margin-bottom:22px!important;
  }
  .top .mg-site-nav{display:none!important;}
  .top .logo{height:54px!important;}.mg-v12-brand-image{width:162px!important;}
  .mg-v12-account-trigger{width:82px!important;height:48px!important;padding:4px 9px 4px 5px!important;gap:7px!important;}
  .mg-v12-account-copy,.mg-v12-account-chevron{display:none!important;}
  .mg-v12-mobile-bars{width:18px;display:flex!important;flex-direction:column;gap:4px;}
  .mg-v12-mobile-bars i{display:block;width:18px;height:1.5px;border-radius:10px;background:#b08b57;}
  .mg-v12-avatar{width:36px;height:36px;flex-basis:36px;}

  .mg-v12-panel{top:max(10px,env(safe-area-inset-top));right:10px;width:min(370px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:18px;border-radius:20px;}
  .mg-v12-panel-services{display:block;padding:16px 0 17px;border-bottom:1px solid var(--mg12-line-soft);}
  .mg-v12-panel-label{margin-bottom:9px}.mg-v12-panel-label small{display:block;margin-bottom:3px;color:#927149;font-size:8px;font-weight:850;letter-spacing:1.6px}.mg-v12-panel-label strong{color:#cfd5d2;font-size:12px}.mg-v12-service-list{display:grid;gap:5px}.mg-v12-service-list a{min-height:55px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 10px;border:1px solid transparent;border-radius:11px;text-decoration:none;color:#cbd1cf}.mg-v12-service-list a i{color:#bf9254;font-style:normal;text-align:center;font-size:15px}.mg-v12-service-list a>span{display:flex;flex-direction:column;gap:2px}.mg-v12-service-list a strong{font-size:13px}.mg-v12-service-list a small{color:#8e7047;font-size:8px}.mg-v12-service-list a b{color:#846d4b;font-size:9px}.mg-v12-service-list a.is-active{border-color:rgba(181,137,70,.26);background:linear-gradient(90deg,rgba(166,118,50,.12),rgba(166,118,50,.018));color:#dfbf89}
  .mg-v12-panel-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:24px 0 6px;opacity:.62}.mg-v12-panel-brand img{width:92px;height:auto}.mg-v12-panel-brand small{color:#7f6949;font-size:7px;letter-spacing:1.2px;text-align:center;}

  body.mg-v12-home .hero{
    min-height:690px!important;
    margin:0 0 48px!important;
    padding:38px 20px 28px!important;
    justify-content:flex-end!important;
    border-radius:22px!important;
    background-image:
      linear-gradient(180deg,rgba(3,10,14,.16) 0%,rgba(3,10,14,.35) 40%,rgba(3,10,14,.91) 72%,rgba(3,10,14,.98) 100%),
      url('/static/img/mg-v12/home-hero-mobile-v12.webp')!important;
    background-position:center top!important;
  }
  body.mg-v12-home .hero>*{max-width:100%!important;width:100%!important;}
  body.mg-v12-home .hero-label{font-size:8px!important;letter-spacing:3px!important;margin-bottom:12px!important;}
  body.mg-v12-home .hero h1{font-size:clamp(46px,13vw,64px)!important;line-height:1.04!important;letter-spacing:-2px!important;max-width:360px!important;}
  body.mg-v12-home .hero p{font-size:15px!important;line-height:1.65!important;margin-top:16px!important;max-width:350px!important;}
  body.mg-v12-home .hero p span{font-size:11px!important;}
  .mg-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;margin-top:21px!important;}
  .mg-hero-primary,.mg-hero-secondary{width:100%!important;min-width:0!important;min-height:56px!important;}
  .mg-v12-trust{grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:14px!important;width:100%!important;}.mg-v12-trust span{min-height:38px;padding:0 8px!important;font-size:9px!important;justify-content:flex-start;}.mg-v12-trust i{font-size:11px;}

  .mg-v12-service-intro{margin-bottom:23px!important;padding:0 4px!important;}.mg-v12-service-intro h2{font-size:30px!important;line-height:1.48!important;}.mg-v12-service-intro h2 small{letter-spacing:4px!important;}.mg-v12-service-intro .mg-commercial-lead{font-size:11px!important;}
  .mg-v12-products .mg-product-grid{grid-template-columns:1fr!important;gap:12px!important;}.mg-v12-life-card{grid-column:auto!important;}
  .mg-v12-product-card{min-height:370px!important;padding:23px 23px 86px!important;border-radius:17px!important;}.mg-v12-product-card>*:not(.mg-v12-product-art){max-width:80%!important;}.mg-v12-product-card h3{font-size:26px!important;}.mg-v12-product-card>p{font-size:11px!important;}.mg-v12-product-card .mg-product-lines span{font-size:10px!important;}.mg-v12-product-card .mg-product-button{left:23px!important;right:23px!important;bottom:21px!important;min-height:50px!important;}
  .mg-v12-life-teaser{min-height:460px!important;margin-bottom:58px!important;padding:28px 22px!important;background-position:62% center!important;}

  .mg-v12-detail-hero{min-height:500px;margin:0 0 26px;padding:28px 20px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:18px;border-radius:22px;background-position:68% center;}
  .mg-v12-detail-hero::after{background:linear-gradient(180deg,rgba(3,11,15,.18),rgba(3,11,15,.68) 49%,rgba(3,11,15,.97) 75%);}
  .mg-v12-detail-copy>small{font-size:8px;letter-spacing:3px;}.mg-v12-detail-copy h1{font-size:clamp(39px,11vw,54px);line-height:1.18;letter-spacing:-1.5px;}.mg-v12-detail-copy p{font-size:12px;line-height:1.72;margin-top:14px;}.mg-v12-detail-badges{gap:5px;margin-top:15px;}.mg-v12-detail-badges span{min-height:31px;padding:0 9px;font-size:8px;}.mg-v12-detail-price{min-width:0;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 14px;text-align:left;}.mg-v12-detail-price small{font-size:7px}.mg-v12-detail-price strong{margin:0;text-align:center;font-size:25px}.mg-v12-detail-price span{font-size:8px;text-align:right;}

  .mg-v12-home main.layout,.mg-v12-report main.layout,.mg-v12-lifebook main.layout{max-width:100%!important;margin:0 auto 62px!important;grid-template-columns:1fr!important;gap:14px!important;}
  .mg-v12-form-card{padding:22px 18px!important;border-radius:20px!important;}.mg-v12-form-card>h2{font-size:27px!important;}.mg-v12-form-card>.desc{font-size:10px!important;}
  .mg-v12-progress{overflow-x:auto;grid-template-columns:repeat(5,minmax(82px,1fr));gap:0;margin-left:-2px;margin-right:-2px;padding-bottom:15px;scrollbar-width:none}.mg-v12-progress::-webkit-scrollbar{display:none}.mg-v12-lifebook .mg-v12-progress{grid-template-columns:repeat(6,minmax(82px,1fr));}.mg-v12-progress small{font-size:7.5px;}.mg-v12-step-head{gap:10px;margin-top:22px}.mg-v12-step-head>span{flex-basis:34px;width:34px;height:34px;font-size:10px}.mg-v12-step-head strong{font-size:13px}.mg-v12-step-head small{font-size:8px}
  .mg-v12-form .row2{grid-template-columns:1fr!important;gap:9px!important;}.mg-v12-form .mg-focus-grid{grid-template-columns:1fr 1fr!important;}.mg-v12-form input:not([type="radio"]):not([type="checkbox"]),.mg-v12-form textarea,.mg-v12-form select{min-height:49px!important;}.mg-v12-submit,.mg-v12-form .cta{min-height:57px!important;}

  .mg-v12-result-shell{padding:20px 17px!important;border-radius:20px!important;}.mg-v12-paybox{padding:20px 17px!important;}.mg-v12-paybox h3{font-size:20px!important;}.mg-v12-paybox .price{font-size:29px!important;}

  .mg-v12-life-book{max-width:100%!important;margin:0 auto 60px!important;grid-template-columns:1fr!important;gap:28px!important;padding:20px 16px!important;border-radius:21px!important;}.mg-v12-book-cover{min-height:510px!important;width:min(100%,340px)!important;max-width:340px!important;}.mg-v12-book-cover h2{font-size:30px!important;}.mg-v12-book-content>h2{font-size:31px!important;}.mg-v12-book-content .mg-chapters>div{grid-template-columns:72px minmax(0,1fr)!important;}
}

@media(max-width:390px){
  .shell{padding:0 12px!important;}.mg-v12-brand-image{width:150px!important;}.mg-v12-account-trigger{width:76px!important;}.mg-v12-product-card>*:not(.mg-v12-product-art){max-width:84%!important;}.mg-v12-product-card{min-height:385px!important;}.mg-v12-trust{grid-template-columns:1fr!important;}.mg-v12-detail-hero{padding:25px 17px;}.mg-v12-detail-copy h1{font-size:38px;}
}

/* V12 QA: mobile progress must never clip at the right edge */
@media(max-width:760px){
  .mg-v12-progress,
  .mg-v12-lifebook .mg-v12-progress{
    overflow:visible!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px 6px!important;
    padding-bottom:14px!important;
  }
  .mg-v12-progress span{
    min-width:0!important;
    padding:0 4px 7px 0!important;
  }
  .mg-v12-progress span::after{
    bottom:-5px!important;
  }
  .mg-v12-progress small{
    font-size:7.5px!important;
    white-space:normal!important;
    word-break:keep-all!important;
  }
}


/* MYEONGRIGYEOL V12.2 - KAKAO / RESPONSIVE HARDENING */
.mg-v12-panel-account-guest{padding:18px 0 2px!important;margin:0!important;}
.mg-v12-kakao-login{
  width:100%!important;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  padding:0 18px!important;border:0!important;border-radius:12px!important;background:#FEE500!important;color:rgba(0,0,0,.85)!important;
  text-decoration:none!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:15px!important;font-weight:700!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;opacity:1!important;filter:none!important;cursor:pointer!important;box-sizing:border-box!important;
  -webkit-tap-highlight-color:transparent;
}
.mg-v12-kakao-login:visited{color:rgba(0,0,0,.85)!important;}
.mg-v12-kakao-login:focus-visible{outline:3px solid rgba(254,229,0,.33)!important;outline-offset:3px!important;}
.mg-v12-kakao-symbol{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;}
.mg-v12-kakao-symbol svg{width:24px;height:24px;display:block;fill:#000;}
.mg-v12-kakao-profile-link{
  min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:0 13px;border:1px solid rgba(254,229,0,.18);
  border-radius:12px;background:rgba(254,229,0,.045);color:#d8c08b;text-decoration:none;font-size:12px;font-weight:750;box-sizing:border-box;
}
.mg-v12-kakao-profile-link b{color:#b98e51;font-size:18px;font-weight:400;}
.mg-v12-panel-user .mg-v12-avatar img,.mg-v12-account-trigger .mg-v12-avatar img{border-radius:999px!important;object-fit:cover!important;}
.mg-v12-panel,.mg-v12-product-card,.mg-v12-form-card,.mg-v12-detail-hero{box-sizing:border-box!important;}
.mg-v12-service-list a,.mg-v12-account-actions button,.mg-v12-kakao-profile-link,.mg-v12-kakao-login{touch-action:manipulation;}
@media (min-width:769px){
  .mg-v12-panel{width:min(390px,calc(100vw - 36px));}
}
@media (max-width:768px){
  .mg-v12-panel{left:auto!important;right:max(10px,env(safe-area-inset-right))!important;width:min(370px,calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)))!important;}
  .mg-v12-kakao-login{min-height:56px!important;font-size:15px!important;}
  .mg-v12-kakao-profile-link{min-height:48px;}
}
@media (max-width:420px){
  .mg-v12-panel{right:8px!important;width:calc(100vw - 16px)!important;padding:16px!important;}
  .mg-v12-service-list a{min-height:56px!important;}
  .mg-v12-account-actions button{min-height:50px!important;}
}