/*
 * EMOREN HOME — Renaissance UI v1
 * 카드 리워드 세리머니와 같은 파스텔 오로라 · 글래스 · 금빛 유물 톤.
 * 화면/인터랙션 전용 오버라이드. 저장·수업·결제 로직에는 관여하지 않는다.
 */

:root{
  --rr-ink:#29405f;
  --rr-muted:#708099;
  --rr-violet:#7767d9;
  --rr-pink:#ea6fa8;
  --rr-mint:#49bea0;
  --rr-sky:#6cb8e8;
  --rr-gold:#c8973f;
  --rr-gold-soft:#f7e6b1;
  --rr-line:rgba(112,105,176,.16);
  --rr-glass:rgba(255,255,255,.78);
  --rr-shadow:0 24px 70px rgba(79,70,139,.16);
  --rr-shadow-soft:0 14px 36px rgba(79,70,139,.12);
  --rr-ease:cubic-bezier(.2,.8,.2,1);
}

body.home-mode:not(.play-mode) #stage-wrap{
  background:
    radial-gradient(58vw 42vw at 4% 4%,rgba(255,199,225,.56),transparent 66%),
    radial-gradient(54vw 42vw at 98% 10%,rgba(177,222,255,.54),transparent 67%),
    radial-gradient(62vw 42vw at 58% 106%,rgba(190,247,225,.46),transparent 67%),
    linear-gradient(145deg,#fff9fc 0%,#f6f4ff 42%,#f0fbff 72%,#f7fff9 100%) !important;
}
body.home-mode:not(.play-mode) #stage-wrap::before,
body.home-mode:not(.play-mode) #stage-wrap::after{
  content:"";display:block!important;position:absolute;pointer-events:none;border-radius:50%;
  filter:blur(4px);opacity:.7;will-change:transform;
  animation:rrAurora 18s ease-in-out infinite alternate;
}
body.home-mode:not(.play-mode) #stage-wrap::before{
  width:42vw;height:42vw;left:-13vw;top:-16vw;
  background:radial-gradient(circle,rgba(255,255,255,.88),rgba(255,177,216,.25) 45%,transparent 72%);
}
body.home-mode:not(.play-mode) #stage-wrap::after{
  width:38vw;height:38vw;right:-11vw;bottom:-14vw;animation-delay:-8s;
  background:radial-gradient(circle,rgba(255,255,255,.82),rgba(112,201,247,.23) 45%,transparent 72%);
}
@keyframes rrAurora{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.08)}}

/* ── 전역 헤더 ───────────────────────────────────────── */
body.home-mode:not(.play-mode) #site-header{
  height:64px!important;padding:0 28px!important;border:0!important;
  background:rgba(255,255,255,.79)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);
  box-shadow:0 1px 0 rgba(255,255,255,.9),0 10px 35px rgba(74,68,124,.09)!important;
}
body.home-mode:not(.play-mode) #site-header::after{
  content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(210,165,77,.55),rgba(126,110,215,.22),transparent);
}
body.home-mode:not(.play-mode) .sh-logo img{height:34px!important;filter:drop-shadow(0 5px 10px rgba(97,83,159,.16))}
body.home-mode:not(.play-mode) .sh-nav{gap:3px}
body.home-mode:not(.play-mode) .nav-link,
body.home-mode:not(.play-mode) .sh-pricing{
  min-height:40px;padding:9px 13px!important;border:1px solid transparent!important;border-radius:14px!important;
  color:#59677d!important;font-size:13.5px!important;font-weight:850!important;letter-spacing:-.02em;
  transition:transform .22s var(--rr-ease),background .22s ease,color .22s ease,box-shadow .22s ease!important;
}
body.home-mode:not(.play-mode) .nav-link:hover,
body.home-mode:not(.play-mode) .sh-pricing:hover{
  color:#5d4fc0!important;background:rgba(255,255,255,.78)!important;border-color:rgba(119,103,217,.13)!important;
  box-shadow:0 8px 20px rgba(83,71,148,.1);transform:translateY(-1px);
}
body.home-mode:not(.play-mode) .nav-link.active{
  color:#fff!important;border-color:rgba(255,255,255,.75)!important;
  background:linear-gradient(135deg,#7c70dd,#a879df 55%,#ed83b5)!important;
  box-shadow:0 9px 23px rgba(123,104,214,.29),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
body.home-mode:not(.play-mode) .sh-auth,
body.home-mode:not(.play-mode) .sh-settings,
body.home-mode:not(.play-mode) .sh-burger{
  border:1px solid rgba(116,104,177,.16)!important;background:rgba(255,255,255,.82)!important;color:#6d60bc!important;
  box-shadow:0 7px 18px rgba(83,71,148,.1)!important;
}
body.home-mode:not(.play-mode) #home-wrap{padding-top:64px!important}

/* ── 메인 랜딩 ───────────────────────────────────────── */
body.home-mode:not(.mp-page) .home-hero{
  width:min(1240px,100%);min-height:calc(100svh - 64px);padding:72px 24px 96px!important;isolation:isolate;
}
body.home-mode:not(.mp-page) .home-hero::before{
  content:"";position:absolute;z-index:0;width:min(760px,76vw);aspect-ratio:1;left:50%;top:48%;transform:translate(-50%,-50%);
  border-radius:50%;pointer-events:none;
  background:
    radial-gradient(circle,rgba(255,255,255,.88) 0 23%,rgba(255,245,210,.35) 24% 26%,transparent 27%),
    repeating-conic-gradient(from 15deg,rgba(197,150,57,.12) 0 1deg,transparent 1deg 15deg);
  -webkit-mask:radial-gradient(circle,transparent 0 29%,#000 30% 31%,transparent 32% 40%,#000 41% 41.4%,transparent 42%);
  mask:radial-gradient(circle,transparent 0 29%,#000 30% 31%,transparent 32% 40%,#000 41% 41.4%,transparent 42%);
  opacity:.76;animation:rrHalo 42s linear infinite;
}
@keyframes rrHalo{to{transform:translate(-50%,-50%) rotate(360deg)}}
body.home-mode:not(.mp-page) .home-hero::after{
  content:"";position:absolute;z-index:0;inset:6% 2% 0;pointer-events:none;opacity:.72;
  background:
    radial-gradient(3px 3px at 11% 20%,#d9aa4d 42%,transparent 46%),
    radial-gradient(2px 2px at 87% 17%,#8bbfed 42%,transparent 46%),
    radial-gradient(2px 2px at 23% 72%,#ec82b4 42%,transparent 46%),
    radial-gradient(3px 3px at 80% 76%,#7edac2 42%,transparent 46%);
  animation:rrDust 5.5s ease-in-out infinite alternate;
}
@keyframes rrDust{from{transform:translateY(7px);opacity:.4}to{transform:translateY(-8px);opacity:.85}}
body.home-mode:not(.mp-page) .home-award{top:32px!important;border-radius:999px!important;padding:1px!important;box-shadow:0 14px 36px rgba(99,76,145,.15),0 0 24px rgba(225,185,93,.22)!important}
body.home-mode:not(.mp-page) .home-award .hawd-inner{padding:8px 20px 8px 10px!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important}
body.home-mode:not(.mp-page) .home-award .hawd-medal{width:42px!important}
body.home-mode:not(.mp-page) .home-award-inline{
  position:relative!important;top:auto!important;left:auto!important;transform:none!important;display:inline-block;margin:0 auto 11px!important;
  max-width:100%!important;animation:rrAwardSet .85s var(--rr-ease) both!important;
}
body.home-mode:not(.mp-page) .home-award-inline .hawd-inner{gap:10px!important;padding:7px 17px 7px 9px!important}
body.home-mode:not(.mp-page) .home-award-inline .hawd-medal{width:38px!important}
body.home-mode:not(.mp-page) .home-award-inline .hawd-eyebrow{font-size:10px!important;margin-bottom:2px!important;letter-spacing:.015em!important}
body.home-mode:not(.mp-page) .home-award-inline .hawd-title{font-size:13.5px!important}
@keyframes rrAwardSet{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
body.home-mode:not(.mp-page) .home-hero-content{
  width:min(560px,92vw);margin-top:132px;padding:25px 34px 26px!important;border:1px solid rgba(255,255,255,.94)!important;border-radius:36px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.87),rgba(255,255,255,.62))!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.15)!important;backdrop-filter:blur(26px) saturate(1.15)!important;
  box-shadow:0 36px 95px rgba(96,81,155,.2),inset 0 1px 0 #fff,0 0 0 8px rgba(255,255,255,.2)!important;
}
body.home-mode:not(.mp-page) .home-hero-content::before,
body.home-mode:not(.mp-page) .home-hero-content::after{
  content:"✦";position:absolute;color:#d9a949;font-family:Georgia,serif;font-size:19px;text-shadow:0 0 18px rgba(231,184,88,.68);
}
body.home-mode:not(.mp-page) .home-hero-content::before{left:25px;top:24px}
body.home-mode:not(.mp-page) .home-hero-content::after{right:25px;bottom:24px}
body.home-mode:not(.mp-page) .home-hero-badge{
  margin-bottom:20px!important;border:1px solid rgba(211,169,76,.28)!important;color:#786438!important;
  background:linear-gradient(90deg,rgba(255,250,231,.9),rgba(255,255,255,.86),rgba(250,241,255,.88))!important;
  box-shadow:0 8px 24px rgba(121,99,170,.1)!important;
}
body.home-mode:not(.mp-page) .home-hero-logo{margin-bottom:8px!important}
body.home-mode:not(.mp-page) .hhl-img{width:276px!important;filter:drop-shadow(0 10px 21px rgba(94,73,151,.22))!important}
body.home-mode:not(.mp-page) .home-hero-slogan{font-size:clamp(25px,2.35vw,31px)!important;margin:1px 0 18px!important;letter-spacing:-.04em!important}
body.home-mode:not(.mp-page) .home-hero-actions{width:min(336px,100%)!important;gap:9px!important}
body.home-mode:not(.mp-page) .home-cta-primary{
  padding:14px 22px!important;border:1px solid rgba(255,255,255,.64)!important;border-radius:17px!important;
  background:linear-gradient(135deg,#7c6edb 0%,#a56fd9 48%,#ea74aa 100%)!important;
  box-shadow:0 17px 34px rgba(129,94,198,.32),inset 0 1px 0 rgba(255,255,255,.48)!important;
  animation:rrButtonGlow 3.6s ease-in-out infinite!important;transition:transform .25s var(--rr-ease),box-shadow .25s ease!important;
}
body.home-mode:not(.mp-page) .home-cta-primary:hover{transform:translateY(-3px) scale(1.012)!important;box-shadow:0 22px 42px rgba(129,94,198,.4),0 0 28px rgba(238,126,177,.22)!important}
@keyframes rrButtonGlow{0%,100%{filter:saturate(1);box-shadow:0 17px 34px rgba(129,94,198,.3)}50%{filter:saturate(1.08);box-shadow:0 19px 41px rgba(129,94,198,.4),0 0 24px rgba(234,116,170,.2)}}
body.home-mode:not(.mp-page) .home-cta-row-btn{
  padding:11px 10px!important;border:1px solid rgba(119,103,217,.16)!important;border-radius:14px!important;
  background:rgba(255,255,255,.73)!important;color:#6759b9!important;box-shadow:0 9px 21px rgba(94,73,151,.1);
}
body.home-mode:not(.mp-page) .home-scroll-hint{bottom:18px!important;color:#5d6e86!important;text-shadow:0 1px 4px rgba(255,255,255,.96)!important}

body.home-mode:not(.mp-page) .home-sheet{
  width:min(1120px,calc(100% - 34px));margin:0 auto 42px!important;padding:46px clamp(22px,5vw,70px) 54px!important;
  border:1px solid rgba(255,255,255,.9)!important;border-radius:42px!important;
  background:linear-gradient(155deg,rgba(255,255,255,.86),rgba(252,251,255,.75))!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.12)!important;backdrop-filter:blur(26px) saturate(1.12)!important;
  box-shadow:0 32px 90px rgba(89,78,140,.15),inset 0 1px 0 #fff!important;
}
body.home-mode:not(.mp-page) .hx{max-width:930px!important;padding:34px 0 8px!important}
body.home-mode:not(.mp-page) .hx+.hx{margin-top:18px!important;border-top:1px solid rgba(113,105,175,.1)}
body.home-mode:not(.mp-page) .hx-h2,
body.home-mode:not(.mp-page) .hp-title{color:#344761!important;font-size:clamp(23px,2.4vw,32px)!important;letter-spacing:-.035em}
body.home-mode:not(.mp-page) .hx-h3{color:#3d4f68!important;font-size:19px!important}
body.home-mode:not(.mp-page) .hx-lead,
body.home-mode:not(.mp-page) .hp-desc{color:#68788e!important;line-height:1.8!important}
body.home-mode:not(.mp-page) .journey{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px!important}
body.home-mode:not(.mp-page) .jn,
body.home-mode:not(.mp-page) .bf,
body.home-mode:not(.mp-page) .hp-price-card,
body.home-mode:not(.mp-page) .ap-card{
  border:1px solid rgba(119,103,177,.13)!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(249,247,255,.79))!important;
  box-shadow:0 13px 30px rgba(83,71,137,.1),inset 0 1px 0 #fff!important;
  transition:transform .3s var(--rr-ease),box-shadow .3s ease,border-color .3s ease!important;
}
body.home-mode:not(.mp-page) .jn:hover,
body.home-mode:not(.mp-page) .bf:hover,
body.home-mode:not(.mp-page) .hp-price-card:hover,
body.home-mode:not(.mp-page) .ap-card:hover{transform:translateY(-4px);border-color:rgba(202,155,67,.32)!important;box-shadow:0 19px 42px rgba(83,71,137,.14)!important}
body.home-mode:not(.mp-page) .jn-emoji,
body.home-mode:not(.mp-page) .bf-emoji{
  display:grid!important;place-items:center;width:54px!important;height:54px!important;min-width:54px;border-radius:50%!important;
  background:radial-gradient(circle at 34% 25%,#fff 0 9%,#fff3cc 23%,#d4b35f 62%,#87642d 100%)!important;
  border:2px solid rgba(255,255,255,.92);box-shadow:0 7px 18px rgba(140,101,42,.2),inset 0 0 0 3px rgba(255,255,255,.28);
}
body.home-mode:not(.mp-page) .cap-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px!important}
body.home-mode:not(.mp-page) .cap-chip{
  min-height:72px;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:9px 11px!important;
  border:1px solid rgba(117,106,176,.13)!important;border-radius:18px!important;background:rgba(255,255,255,.8)!important;color:#4c5e75!important;
  box-shadow:0 10px 24px rgba(80,68,135,.08)!important;
}
body.home-mode:not(.mp-page) .cap-chip>span:first-child{
  display:block;width:48px;height:48px;min-width:48px;font-size:0;border-radius:50%;
  background-image:url("./octagram-v2/rpg-orb-atlas-v1.webp");background-size:400% 300%;background-repeat:no-repeat;
  filter:drop-shadow(0 5px 7px rgba(55,72,110,.2));
}
body.home-mode:not(.mp-page) .cap-chip:nth-child(1)>span{background-position:0 0}
body.home-mode:not(.mp-page) .cap-chip:nth-child(2)>span{background-position:33.333% 0}
body.home-mode:not(.mp-page) .cap-chip:nth-child(3)>span{background-position:66.666% 0}
body.home-mode:not(.mp-page) .cap-chip:nth-child(4)>span{background-position:100% 0}
body.home-mode:not(.mp-page) .cap-chip:nth-child(5)>span{background-position:0 50%}
body.home-mode:not(.mp-page) .cap-chip:nth-child(6)>span{background-position:33.333% 50%}
body.home-mode:not(.mp-page) .cap-chip:nth-child(7)>span{background-position:66.666% 50%}
body.home-mode:not(.mp-page) .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
body.home-mode:not(.mp-page) .home-product{padding:34px!important;margin-top:24px!important;border:1px solid rgba(119,103,177,.12);border-radius:28px;background:linear-gradient(145deg,rgba(250,247,255,.72),rgba(241,252,255,.64))}
body.home-mode:not(.mp-page) .hp-cta,
body.home-mode:not(.mp-page) .hx-btn{
  border-radius:16px!important;transition:transform .24s var(--rr-ease),box-shadow .24s ease!important;
}

/* ── 로그인/가입 카드 ─────────────────────────────────── */
body.home-mode .home-card,
body.home-mode .auth-pop{
  border:1px solid rgba(255,255,255,.92)!important;border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,246,255,.88))!important;
  box-shadow:var(--rr-shadow)!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
}
body.home-mode .home-google.primary{background:linear-gradient(135deg,#7a6bd7,#a96ed7,#eb73aa)!important;box-shadow:0 14px 28px rgba(126,97,196,.28)!important}
body.home-mode .ap-phone:focus{border-color:#8a76df!important;box-shadow:0 0 0 4px rgba(122,107,215,.1)}

/* ── 가디언 라운지 / 부모 화면 ───────────────────────── */
body.mp-page:not(.play-mode) #stage-wrap,
body.guardian-lounge-page:not(.play-mode) #stage-wrap{
  background:
    radial-gradient(58vw 38vw at 0% 0%,rgba(255,201,226,.58),transparent 68%),
    radial-gradient(52vw 40vw at 100% 9%,rgba(184,224,255,.56),transparent 68%),
    radial-gradient(58vw 34vw at 52% 110%,rgba(190,246,222,.52),transparent 68%),
    linear-gradient(145deg,#fffafd,#f5f3ff 45%,#f1fbff 74%,#f7fff9)!important;
}
body.mp-page:not(.play-mode) #stage-bg{opacity:.1!important;filter:saturate(.76) brightness(1.2)}
body.mp-page:not(.play-mode) #stage-bg::after{background:rgba(255,255,255,.64)!important}
/* 가디언 라운지에는 전용 원화가 있으므로 공통 파스텔 무대/백색 베일을 적용하지 않는다. */
body.mp-page.guardian-lounge-page:not(.play-mode) #stage-wrap{
  background:#eef4ed!important;
}
body.mp-page.guardian-lounge-page:not(.play-mode) #stage-wrap::before,
body.mp-page.guardian-lounge-page:not(.play-mode) #stage-wrap::after{
  display:none!important;
}
body.mp-page.guardian-lounge-page:not(.play-mode) #stage-bg{
  opacity:1!important;filter:none!important;background-position:center center!important;background-size:cover!important;
}
body.mp-page.guardian-lounge-page:not(.play-mode) #stage-bg::after{
  background:transparent!important;
}
body.mp-page:not(.sb-open) #home-wrap{padding-top:88px!important}
body.mp-page .mypage{max-width:min(1320px,96vw)!important;color:var(--rr-ink)}
body.mp-page .mypage-top{
  padding:11px 14px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:20px!important;
  background:rgba(255,255,255,.76)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
  box-shadow:0 12px 34px rgba(78,69,129,.1)!important;
}
body.mp-page .mypage-hi{color:#34465e!important}
body.mp-page .mypage-role{color:#7e8ba0!important}
body.mp-page .mp-tabs{border:1px solid rgba(117,103,181,.11)!important;background:rgba(246,243,255,.84)!important}
body.mp-page .mp-tab{color:#7d789b!important}
body.mp-page .mp-tab.active{color:#fff!important;background:linear-gradient(135deg,#7668d2,#a873d6 55%,#e879ae)!important;box-shadow:0 7px 18px rgba(119,98,192,.24)}
body.guardian-lounge-page .guardian-mast.guardian-hero-v4{
  min-height:186px!important;padding:22px 25px!important;border:1px solid rgba(255,255,255,.94)!important;border-radius:32px!important;
  color:var(--rr-ink)!important;background:linear-gradient(125deg,rgba(255,255,255,.9),rgba(249,245,255,.82) 50%,rgba(240,251,255,.83))!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.12)!important;backdrop-filter:blur(24px) saturate(1.12)!important;
  box-shadow:0 26px 70px rgba(79,70,139,.15),inset 0 1px 0 #fff!important;
}
body.guardian-lounge-page .guardian-mast.guardian-hero-v4::before{
  width:300px;height:300px;right:-112px;top:-162px!important;border:1px solid rgba(208,163,76,.18)!important;
  box-shadow:0 0 0 32px rgba(255,255,255,.3),0 0 0 64px rgba(123,106,216,.06)!important;
}
body.guardian-lounge-page .gh-id{
  border:1px solid rgba(218,172,81,.3)!important;border-radius:27px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,242,255,.86))!important;
  box-shadow:0 13px 30px rgba(86,70,137,.13),inset 0 0 0 5px rgba(255,255,255,.62)!important;
}
body.guardian-lounge-page .guardian-photo{box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(207,160,66,.36),0 10px 23px rgba(85,69,137,.17)!important}
body.guardian-lounge-page .guardian-mast .gm-eyebrow{color:#9d7730!important}
body.guardian-lounge-page .guardian-mast .gm-copy h2{color:#354960!important}
body.guardian-lounge-page .guardian-mast .gm-copy h2 em{color:#7969cf!important}
body.guardian-lounge-page .guardian-mast .gm-copy p{color:#748198!important}
body.guardian-lounge-page .guardian-mast .gm-status{color:#536b7a!important;border-color:rgba(86,184,150,.22)!important;background:rgba(255,255,255,.76)!important}
body.guardian-lounge-page .guardian-mast .gm-report{
  border:1px solid rgba(255,255,255,.54)!important;border-radius:20px!important;
  background:linear-gradient(135deg,#7869d4,#a56fd6 52%,#e871ab)!important;
  box-shadow:0 16px 32px rgba(119,93,191,.29),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
body.guardian-lounge-page .guardian-board.guardian-portals{gap:18px!important;margin-top:18px}
body.guardian-lounge-page .guardian-portal{
  min-height:420px!important;padding:20px!important;border:1px solid rgba(255,255,255,.95)!important;border-radius:31px!important;
  background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(241,252,248,.82))!important;
  box-shadow:0 23px 58px rgba(73,93,126,.13),inset 0 1px 0 #fff,0 0 0 5px rgba(255,255,255,.2)!important;
  transition:transform .32s var(--rr-ease),box-shadow .32s ease!important;
}
body.guardian-lounge-page .guardian-portal.emotion{background:linear-gradient(155deg,rgba(255,255,255,.95),rgba(236,251,246,.84))!important}
body.guardian-lounge-page .guardian-portal.academia{background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(255,239,248,.84))!important}
body.guardian-lounge-page .guardian-portal.journey{background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(235,248,255,.86))!important}
body.guardian-lounge-page .guardian-portal:hover{transform:translateY(-5px);box-shadow:0 31px 72px rgba(73,82,137,.18),inset 0 1px 0 #fff!important}
body.guardian-lounge-page .guardian-portal .gp-emblem-frame{
  border:1px solid rgba(208,163,76,.28)!important;border-radius:26px!important;background:linear-gradient(145deg,#fff,rgba(250,246,255,.86))!important;
  box-shadow:0 12px 30px rgba(82,70,135,.13),inset 0 0 0 4px rgba(255,255,255,.75)!important;
}
body.guardian-lounge-page .guardian-portal .gp-emblem{filter:drop-shadow(0 10px 15px rgba(74,65,120,.18))!important}
body.guardian-lounge-page .guardian-portal .gp-title{color:#354a62!important}
body.guardian-lounge-page .guardian-portal .gp-desc{color:#718095!important}
body.guardian-lounge-page .guardian-portal .gp-section,
body.guardian-lounge-page .guardian-portal .gp-duo,
body.guardian-lounge-page .guardian-portal .gp-tools,
body.guardian-lounge-page .guardian-portal .gp-stats{border-color:rgba(111,107,165,.1)!important}
body.guardian-lounge-page .guardian-portal .gp-tool,
body.guardian-lounge-page .guardian-portal .gp-action{
  border:1px solid rgba(116,105,175,.13)!important;border-radius:14px!important;background:rgba(255,255,255,.78)!important;color:#53677d!important;
  box-shadow:0 7px 17px rgba(75,69,125,.07);transition:transform .22s var(--rr-ease),box-shadow .22s ease!important;
}
body.guardian-lounge-page .guardian-portal .gp-tool:hover,
body.guardian-lounge-page .guardian-portal .gp-action:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(75,69,125,.12)}
body.guardian-lounge-page .guardian-portal .gp-action.primary,
body.guardian-lounge-page .guardian-portal .hero-start{color:#fff!important;border-color:rgba(255,255,255,.55)!important;background:linear-gradient(135deg,#7768d1,#a870d4,#e774aa)!important;box-shadow:0 12px 26px rgba(118,94,188,.25)!important}

/* 대시보드 공통 카드 / 아카데미아 입구 */
body.mp-page .cp-hero,
body.mp-page .home-tile,
body.mp-page .an-card,
body.mp-page .acad-enter.prem,
body.mp-page .guardian-record-board{
  border:1px solid rgba(255,255,255,.92)!important;border-radius:27px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.91),rgba(248,246,255,.78))!important;
  box-shadow:var(--rr-shadow-soft)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
body.mp-page .home-tile,
body.mp-page .an-card{transition:transform .3s var(--rr-ease),box-shadow .3s ease!important}
body.mp-page .home-tile:hover,
body.mp-page .an-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(80,70,137,.16)!important}
body.mp-page .acad-enter.prem::before{
  background:linear-gradient(120deg,#d2a34a,#f7e3a4,#7b6bd4,#ed7aae,#72cdb6,#d2a34a)!important;background-size:300% 300%!important;
}
body.mp-page .acad-enter.prem::after{box-shadow:0 0 30px rgba(126,104,212,.14)!important}
body.mp-page .acad-enter.prem .acad-enter-t{color:#354a62!important}
body.mp-page .acad-enter.prem .acad-enter-s{color:#718095!important}
body.mp-page .acad-enter.prem .acad-enter-s b{color:#7768ce!important}
body.mp-page .acad-enter.prem .acad-enter-btn{
  border:1px solid rgba(255,255,255,.55)!important;border-radius:16px!important;
  background:linear-gradient(135deg,#7568cf,#a56ed3 55%,#e974aa)!important;
  box-shadow:0 14px 28px rgba(118,94,187,.28)!important;
}
body.mp-page .acad-enter.prem .acad-enter-tour{border-color:rgba(119,103,210,.25)!important;background:rgba(255,255,255,.72)!important;color:#6d60b8!important}

/* ── 모바일 ─────────────────────────────────────────── */
@media(max-width:900px){
  body.home-mode:not(.play-mode) #site-header{height:58px!important;padding:0 14px!important}
  body.home-mode:not(.play-mode) #home-wrap{padding-top:58px!important}
  body.home-mode:not(.play-mode) .sh-nav{background:rgba(255,255,255,.95)!important;border:0!important;padding:10px!important;box-shadow:0 22px 48px rgba(67,59,111,.16)!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
  body.home-mode:not(.play-mode) .nav-link,body.home-mode:not(.play-mode) .sh-pricing{text-align:left!important}
  body.home-mode:not(.mp-page) .home-hero{min-height:calc(100svh - 58px);padding:82px 10px 70px!important}
  body.home-mode:not(.mp-page) .home-hero-content{margin-top:46px;padding:26px 25px 28px!important;border-radius:32px!important}
  body.home-mode:not(.mp-page) .home-sheet{width:calc(100% - 18px);border-radius:30px!important;padding:34px 18px 42px!important}
  body.home-mode:not(.mp-page) .cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.guardian-lounge-page .guardian-mast.guardian-hero-v4{padding:17px!important;border-radius:25px!important}
}
@media(max-width:620px){
  body.home-mode:not(.mp-page) .home-award-inline .hawd-inner{padding:6px 11px 6px 7px!important;gap:7px!important}
  body.home-mode:not(.mp-page) .home-award-inline .hawd-title{font-size:10.5px!important}
  body.home-mode:not(.mp-page) .home-award-inline .hawd-eyebrow{font-size:8.5px!important}
  body.home-mode:not(.mp-page) .home-award-inline .hawd-medal{width:31px!important}
  body.home-mode:not(.mp-page) .home-hero{min-height:calc(100svh - 58px);padding:66px 8px 66px!important}
  body.home-mode:not(.mp-page) .home-hero-content{margin-top:26px;padding:22px 18px 23px!important}
  body.home-mode:not(.mp-page) .hhl-img{width:238px!important}
  body.home-mode:not(.mp-page) .home-hero-slogan{font-size:24px!important;white-space:normal!important}
  body.home-mode:not(.mp-page) .journey,
  body.home-mode:not(.mp-page) .benefit-grid{grid-template-columns:1fr!important}
  body.home-mode:not(.mp-page) .cap-chip{min-height:64px;font-size:11px!important}
  body.home-mode:not(.mp-page) .cap-chip>span:first-child{width:42px;height:42px;min-width:42px}
  body.home-mode:not(.mp-page) .home-product{padding:24px 16px!important;border-radius:23px}
  body.mp-page:not(.sb-open) #home-wrap{padding-top:70px!important}
  body.mp-page .mypage{max-width:calc(100vw - 12px)!important}
  body.guardian-lounge-page .guardian-portal{padding:15px!important;border-radius:24px!important}
}

@media(prefers-reduced-motion:reduce){
  body.home-mode:not(.play-mode) #stage-wrap::before,
  body.home-mode:not(.play-mode) #stage-wrap::after,
  body.home-mode:not(.mp-page) .home-hero::before,
  body.home-mode:not(.mp-page) .home-hero::after,
  body.home-mode:not(.mp-page) .home-cta-primary{animation-duration:80s!important}
}