/* GGH Chief Digital Market Premium Promotion v1.0.0 */
:root{
  --ggh-cdm-gold:#e1b64e;
  --ggh-cdm-gold-deep:#bd8b20;
  --ggh-cdm-navy:#081f3d;
  --ggh-cdm-navy-2:#0f3b69;
  --ggh-cdm-ivory:#f8f3e3;
  --ggh-cdm-ink:#173252;
  --ggh-cdm-cyan:#39d4ff;
}
.ggh-cdm-hide{display:none !important}
.ggh-cdm-home-badge,
.ggh-cdm-page-panel,
.ggh-cdm-careers-panel{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  isolation:isolate;
  box-shadow:0 24px 60px rgba(4,17,36,.22), 0 14px 30px rgba(13,55,104,.12);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.ggh-cdm-home-badge:hover,
.ggh-cdm-page-panel:hover,
.ggh-cdm-careers-panel:hover{transform:translateY(-3px);box-shadow:0 30px 72px rgba(4,17,36,.27),0 16px 34px rgba(13,55,104,.14)}
.ggh-cdm-home-badge::before,
.ggh-cdm-page-panel::before,
.ggh-cdm-careers-panel::before{
  content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;
  background:linear-gradient(140deg, rgba(255,255,255,.58), rgba(225,182,78,.95), rgba(57,212,255,.8));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none;
}
.ggh-cdm-home-badge::after,
.ggh-cdm-page-panel::after,
.ggh-cdm-careers-panel::after{
  content:""; position:absolute; inset:auto -14% -40% auto; width:220px; height:220px; border-radius:50%;
  background:radial-gradient(circle, rgba(57,212,255,.28), rgba(57,212,255,0) 66%); filter:blur(2px); pointer-events:none;
}
.ggh-cdm-home-badge .ggh-cdm-inner,
.ggh-cdm-page-panel .ggh-cdm-inner,
.ggh-cdm-careers-panel .ggh-cdm-inner{
  position:relative; z-index:1; display:flex; gap:16px; align-items:center; padding:16px 17px;
}
.ggh-cdm-home-badge.is-navy,
.ggh-cdm-careers-panel.is-navy{background:linear-gradient(135deg, rgba(8,31,61,.96), rgba(14,64,108,.95) 60%, rgba(4,86,108,.92)); color:#fff}
.ggh-cdm-page-panel.is-ivory{background:linear-gradient(145deg, rgba(250,247,239,.98), rgba(245,237,212,.98)); color:var(--ggh-cdm-ink)}
.ggh-cdm-home-badge.is-navy .ggh-cdm-title,
.ggh-cdm-careers-panel.is-navy .ggh-cdm-title{color:#fff}
.ggh-cdm-home-badge.is-navy .ggh-cdm-text,
.ggh-cdm-careers-panel.is-navy .ggh-cdm-text{color:#dceaf7}
.ggh-cdm-page-panel.is-ivory .ggh-cdm-title{color:#0b2345}
.ggh-cdm-page-panel.is-ivory .ggh-cdm-text{color:#36506f}
.ggh-cdm-logo-wrap{flex:0 0 auto; width:72px; height:72px; border-radius:20px; display:grid; place-items:center; background:rgba(255,255,255,.08); box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 10px 22px rgba(6,15,27,.18)}
.ggh-cdm-logo-wrap img{width:100%; height:100%; object-fit:contain; display:block; filter:drop-shadow(0 12px 16px rgba(0,0,0,.18))}
.ggh-cdm-copy{min-width:0}
.ggh-cdm-kicker{display:block; margin-bottom:6px; font-size:.68rem; font-weight:900; letter-spacing:.18em; text-transform:uppercase; color:var(--ggh-cdm-gold)}
.ggh-cdm-title{margin:0; font-size:1.16rem; line-height:1.05; font-weight:900; letter-spacing:-.03em}
.ggh-cdm-text{margin:8px 0 0; font-size:.86rem; line-height:1.45}
.ggh-cdm-action{margin-top:12px; display:inline-flex; align-items:center; gap:10px; min-height:42px; padding:11px 15px; border-radius:14px; text-decoration:none; font-size:.84rem; font-weight:860; letter-spacing:-.01em; transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease; white-space:nowrap}
.ggh-cdm-action:hover,.ggh-cdm-action:focus-visible{transform:translateY(-2px)}
.ggh-cdm-home-badge.is-navy .ggh-cdm-action,
.ggh-cdm-careers-panel.is-navy .ggh-cdm-action,
.ggh-vip-cdm-launch{background:linear-gradient(135deg, #f4d271, #d5a63d); color:#071b35; box-shadow:0 12px 24px rgba(213,166,61,.28)}
.ggh-cdm-page-panel.is-ivory .ggh-cdm-action{background:linear-gradient(135deg, #0f315b, #154d88); color:#fff; box-shadow:0 12px 24px rgba(9,36,69,.2)}
.ggh-cdm-home-badge.is-navy .ggh-cdm-action:hover,
.ggh-cdm-careers-panel.is-navy .ggh-cdm-action:hover,
.ggh-vip-cdm-launch:hover{box-shadow:0 16px 28px rgba(213,166,61,.33)}
.ggh-cdm-page-panel.is-ivory .ggh-cdm-action:hover{box-shadow:0 16px 30px rgba(9,36,69,.28)}
.ggh-cdm-action .ggh-cdm-arrow{font-size:1rem; line-height:1}
.ggh-home-cdm-anchor{position:absolute; top:10px; right:-4px; width:min(345px,86%); z-index:4}
.ggh-home-cdm-anchor .ggh-cdm-logo-wrap{width:66px;height:66px;border-radius:18px}
.ggh-home-cdm-anchor .ggh-cdm-title{font-size:1.1rem}
.ggh-home-cdm-anchor .ggh-cdm-action{min-height:40px;padding:10px 14px;font-size:.8rem}
.ggh-cdm-main-footer-link,
.ggh-approved-cdm-footer-link,
.vip-footer-cdm-link{display:inline-flex; align-items:center; gap:8px; text-decoration:none}
.ggh-cdm-main-footer-link::before,
.ggh-approved-cdm-footer-link::before,
.vip-footer-cdm-link::before{content:"◆"; color:var(--ggh-cdm-gold); font-size:.72rem}
.ggh-cdm-page-enhanced .ggh-page-hero .ggh-container{display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,340px); align-items:center; gap:28px}
.ggh-cdm-page-panel{justify-self:end; width:min(100%, 330px)}
.ggh-cdm-page-panel .ggh-cdm-inner{padding:18px}
.ggh-cdm-page-panel .ggh-cdm-logo-wrap{width:78px;height:78px;border-radius:22px;background:rgba(11,35,69,.04)}
.ggh-cdm-page-panel .ggh-cdm-title{font-size:1.18rem}
.ggh-cdm-page-panel .ggh-cdm-kicker{color:#b78418}
.ggh-cdm-page-enhanced .gc-hero .gc-shell{display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,340px); align-items:center; gap:28px}
.ggh-cdm-careers-panel{width:min(100%, 340px); justify-self:end}
.ggh-cdm-careers-panel .ggh-cdm-logo-wrap{width:74px;height:74px;border-radius:20px}
.ggh-vip-cdm-launch{display:inline-flex; align-items:center; gap:10px; min-height:44px; padding:11px 16px; border-radius:14px; text-decoration:none; font-weight:900; font-size:.84rem; white-space:nowrap; border:1px solid rgba(255,255,255,.12)}
.ggh-vip-cdm-launch__logo{width:20px;height:20px;object-fit:contain;display:block}
.ggh-cdm-opening-overlay{position:fixed; inset:0; background:rgba(2,8,18,.34); display:flex; align-items:center; justify-content:center; z-index:100000; padding:18px; opacity:0; pointer-events:none; transition:opacity .18s ease}
.ggh-cdm-opening-overlay.is-visible{opacity:1; pointer-events:auto}
.ggh-cdm-opening-card{width:min(92vw,430px); padding:24px 22px; border-radius:24px; background:linear-gradient(145deg,#0b2f58,#0f4b79); color:#fff; box-shadow:0 28px 75px rgba(3,13,30,.38); text-align:center; border:1px solid rgba(255,255,255,.12)}
.ggh-cdm-opening-card img{width:78px;height:78px;object-fit:contain;display:block;margin:0 auto 12px;filter:drop-shadow(0 12px 15px rgba(0,0,0,.22))}
.ggh-cdm-opening-card strong{display:block; font-size:1.3rem; letter-spacing:-.03em}
.ggh-cdm-opening-card span{display:block; margin-top:8px; color:#dcebf7; font-size:.94rem; line-height:1.45}
.ggh-cdm-spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(255,255,255,.24);border-top-color:#f4d271;margin:0 auto 12px;animation:gghCdmSpin 1s linear infinite}
@keyframes gghCdmSpin{to{transform:rotate(360deg)}}
@media (max-width:1050px){
  .ggh-home-cdm-anchor{position:relative; top:auto; right:auto; width:min(100%, 360px); margin:14px auto 0}
  .ggh-cdm-page-enhanced .ggh-page-hero .ggh-container,
  .ggh-cdm-page-enhanced .gc-hero .gc-shell{grid-template-columns:1fr}
  .ggh-cdm-page-panel,
  .ggh-cdm-careers-panel{justify-self:start; width:min(100%, 420px)}
}
@media (max-width:600px){
  .ggh-cdm-home-badge .ggh-cdm-inner,
  .ggh-cdm-page-panel .ggh-cdm-inner,
  .ggh-cdm-careers-panel .ggh-cdm-inner{padding:15px; gap:13px}
  .ggh-cdm-logo-wrap,.ggh-cdm-page-panel .ggh-cdm-logo-wrap,.ggh-cdm-careers-panel .ggh-cdm-logo-wrap{width:64px;height:64px;border-radius:18px}
  .ggh-cdm-title,.ggh-cdm-page-panel .ggh-cdm-title{font-size:1rem}
  .ggh-cdm-text{font-size:.8rem}
  .ggh-vip-cdm-launch{width:100%; justify-content:center}
}