.koc-home-popup[hidden]{display:none!important}
.koc-home-popup{
  position:fixed;
  right:max(18px,calc(env(safe-area-inset-right,0px) + 18px));
  bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 20px));
  z-index:118500;
  width:min(390px,calc(100vw - 36px));
  max-height:calc(100vh - 116px);
  overflow:auto;
  border:1px solid rgba(241,198,91,.54);
  border-radius:22px;
  background:
    radial-gradient(circle at 86% 0,rgba(224,43,51,.18),transparent 32%),
    linear-gradient(155deg,rgba(15,23,35,.985),rgba(5,9,16,.99));
  box-shadow:0 30px 90px rgba(0,0,0,.68),inset 0 0 0 1px rgba(255,255,255,.035);
  color:#eef3ff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(calc(100% + 42px));
  transition:transform .42s cubic-bezier(.2,.86,.25,1),opacity .3s ease,visibility .3s;
  scrollbar-width:thin;
  scrollbar-color:rgba(241,198,91,.5) rgba(255,255,255,.04);
}
.koc-home-popup::before{
  content:"";
  position:absolute;
  z-index:3;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:linear-gradient(90deg,#42b9ff,#f1c65b 52%,#e22b33);
}
.koc-home-popup.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
.koc-home-popup.is-leaving{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(calc(100% + 42px))}
.koc-home-popup-close{
  position:absolute;
  z-index:5;
  top:12px;
  right:12px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(3,7,13,.8);
  color:#fff;
  font:400 27px/1 Arial,sans-serif;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.koc-home-popup-close:hover,.koc-home-popup-close:focus-visible{border-color:#f1c65b;color:#f1c65b;outline:none}
.koc-home-popup-art{position:relative;height:178px;overflow:hidden;background:#060a11}
.koc-home-popup-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,9,16,.84) 100%);pointer-events:none}
.koc-home-popup-art img{display:block;width:100%;height:100%;object-fit:cover}
.koc-home-popup-art-fallback{display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(241,198,91,.2),transparent 25%),linear-gradient(120deg,rgba(21,81,139,.35),rgba(6,10,18,.42) 50%,rgba(143,25,31,.35))}
.koc-home-popup-art-fallback span{color:#f1c65b;font-size:58px;text-shadow:0 0 34px rgba(241,198,91,.55)}
.koc-home-popup-content{padding:19px 21px 21px}
.koc-home-popup-kicker{display:flex;align-items:center;gap:8px;margin:0 46px 8px 0;color:#f1c65b;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.koc-home-popup-kicker span{width:8px;height:8px;border-radius:50%;background:#e22b33;box-shadow:0 0 14px rgba(226,43,51,.8)}
.koc-home-popup h2{margin:0 32px 9px 0;color:#fff;font-size:clamp(22px,3vw,29px);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}
.koc-home-popup p{margin:0;color:rgba(238,243,255,.84);font-size:14px;line-height:1.58}
.koc-home-popup-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin-top:16px;
  padding:9px 16px;
  border:1px solid rgba(241,198,91,.7);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(241,198,91,.22),rgba(135,91,22,.28));
  color:#ffe69b;
  font-family:inherit;
  font-size:13px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.025em;
  text-decoration:none;
  cursor:pointer;
}
.koc-home-popup-action:hover,.koc-home-popup-action:focus-visible{border-color:#ffe69b;background:linear-gradient(180deg,rgba(241,198,91,.3),rgba(135,91,22,.38));color:#fff;outline:none}
.koc-home-popup-details{margin-top:14px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(0,0,0,.23);color:rgba(238,243,255,.82);font-size:13px;line-height:1.58}
@media(max-width:600px){
  .koc-home-popup{right:12px;bottom:max(12px,calc(env(safe-area-inset-bottom,0px) + 12px));width:calc(100vw - 24px);max-height:calc(100vh - 88px);border-radius:18px}
  .koc-home-popup-art{height:150px}
  .koc-home-popup-content{padding:17px}
  .koc-home-popup h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.koc-home-popup{transition:opacity .15s linear;transform:none}.koc-home-popup.is-visible,.koc-home-popup.is-leaving{transform:none}}