

body.rw-km-open { overflow: hidden !important; }

.rw-km-root {
  --km-gold:#e8c15a;
  --km-cyan:#45d7df;
  position:fixed;
  inset:0;
  z-index:100090;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#f7fbff;
  background:#03070c;
  isolation:isolate;
  opacity:0;
  transition:opacity .55s ease;
}
.rw-km-root.is-visible { opacity:1; }
.rw-km-root::before {
  content:"";
  position:absolute;
  inset:-4%;
  z-index:-5;
  background-image:var(--km-scene);
  background-position:center;
  background-size:cover;
  transform:scale(1.095);
  filter:saturate(.88) brightness(.72);
  transition:transform 3.4s cubic-bezier(.2,.75,.15,1), filter 2s ease;
}
.rw-km-root.is-visible::before { transform:scale(1.01); filter:saturate(.98) brightness(.84); }
.rw-km-root::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-4;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 46%, transparent 0 20%, rgba(2,5,9,.2) 47%, rgba(1,3,7,.76) 100%),
    linear-gradient(90deg,rgba(1,12,16,.4),transparent 28% 72%,rgba(13,4,20,.4)),
    linear-gradient(180deg,rgba(2,6,11,.8),transparent 25% 74%,rgba(2,5,9,.92));
}
.rw-km-noise {
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.12;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}
.rw-km-beam {
  position:absolute;
  z-index:-1;
  top:-15%;
  bottom:-10%;
  left:50%;
  width:2px;
  transform:translateX(-50%) scaleY(.2);
  transform-origin:top;
  opacity:0;
  background:linear-gradient(180deg,transparent,#fff5c4 20%,var(--km-gold) 65%,transparent);
  box-shadow:0 0 26px 6px rgba(255,222,132,.35),0 0 110px 36px rgba(232,193,90,.11);
  transition:opacity .8s .45s ease,transform 1.5s .35s cubic-bezier(.17,.8,.18,1);
}
.rw-km-root.is-visible .rw-km-beam { opacity:.88; transform:translateX(-50%) scaleY(1); }
.rw-km-topbar {
  position:absolute;
  z-index:8;
  top:clamp(18px,3vh,38px);
  left:clamp(22px,3vw,58px);
  right:clamp(22px,3vw,58px);
  display:flex;
  justify-content:space-between;
  align-items:center;
  opacity:0;
  transform:translateY(-16px);
  transition:.65s .35s ease;
}
.rw-km-root.is-visible .rw-km-topbar { opacity:1; transform:none; }
.rw-km-kicker {
  display:flex;
  align-items:center;
  gap:12px;
  color:#d8e8ee;
  font:800 11px/1 Inter,sans-serif;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.rw-km-kicker i { width:28px; height:1px; background:linear-gradient(90deg,var(--km-gold),transparent); }
.rw-km-kicker b { color:var(--km-gold); }
.rw-km-close {
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:13px;
  color:#d9e5eb;
  background:rgba(4,9,15,.5);
  backdrop-filter:blur(12px);
  cursor:pointer;
  font-size:23px;
  transition:.2s ease;
}
.rw-km-close:hover { color:#fff; border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.08); }
.rw-km-heading {
  position:absolute;
  z-index:5;
  top:clamp(72px,9vh,112px);
  left:50%;
  width:min(880px,72vw);
  text-align:center;
  transform:translate(-50%,18px);
  opacity:0;
  transition:opacity .85s .75s ease,transform .85s .75s cubic-bezier(.2,.8,.2,1);
}
.rw-km-root.is-visible .rw-km-heading { opacity:1; transform:translate(-50%,0); }
.rw-km-heading small {
  display:block;
  margin-bottom:8px;
  color:var(--km-gold);
  font:900 12px/1 Inter,sans-serif;
  letter-spacing:.34em;
  text-transform:uppercase;
}
.rw-km-heading h1 {
  margin:0;
  color:#fff;
  font:800 clamp(32px,3vw,57px)/.98 Rajdhani,Inter,sans-serif;
  letter-spacing:-.025em;
  text-shadow:0 5px 36px #000;
}
.rw-km-heading p {
  width:min(660px,90%);
  margin:10px auto 0;
  color:#b8c8d1;
  font:500 clamp(12px,1vw,15px)/1.5 Inter,sans-serif;
}
.rw-km-stage {
  position:absolute;
  z-index:4;
  left:50%;
  bottom:clamp(84px,9vh,116px);
  width:min(1480px,92vw);
  height:min(620px,64vh);
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:minmax(300px,1fr) minmax(260px,.72fr) minmax(300px,1fr);
  align-items:end;
  gap:clamp(20px,3vw,56px);
}
.rw-km-choice {
  position:relative;
  min-height:350px;
  padding:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(7,16,23,.72),rgba(5,9,15,.9));
  backdrop-filter:blur(16px) saturate(1.15);
  box-shadow:0 30px 80px -35px #000;
  opacity:0;
  transition:opacity .85s ease,transform .85s cubic-bezier(.18,.8,.2,1),border-color .25s ease,box-shadow .25s ease;
}
.rw-km-choice::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.7;
  background:radial-gradient(360px 210px at 0 0,var(--km-tint,rgba(69,215,223,.16)),transparent 70%);
}
.rw-km-choice.current { transform:translateX(-54px); transition-delay:1.05s; --km-tint:rgba(69,215,223,.2); }
.rw-km-choice.target { transform:translateX(54px); transition-delay:1.15s; --km-tint:rgba(171,101,255,.2); }
.rw-km-root.is-visible .rw-km-choice { opacity:1; transform:none; }
.rw-km-choice:hover,
.rw-km-root.demo-current .rw-km-choice.current,
.rw-km-root.demo-target .rw-km-choice.target {
  border-color:rgba(232,193,90,.58);
  box-shadow:0 34px 100px -34px #000,0 0 42px -20px var(--km-gold);
}
.rw-km-choice-label {
  position:relative;
  display:flex;
  justify-content:space-between;
  color:#8196a2;
  font:900 10px/1 Inter,sans-serif;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.rw-km-choice-label em { color:var(--km-gold); font-style:normal; letter-spacing:.08em; }
.rw-km-club {
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:23px;
}
.rw-km-logo {
  width:78px;
  height:78px;
  flex:0 0 78px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:19px;
  background:rgba(4,9,14,.65);
  box-shadow:inset 0 0 25px rgba(255,255,255,.04),0 12px 30px -18px #000;
  color:#fff;
  font:900 20px Rajdhani,sans-serif;
}
.rw-km-logo img { width:62px; height:62px; object-fit:contain; filter:drop-shadow(0 6px 12px rgba(0,0,0,.55)); }
.rw-km-club-copy small { color:#91a7b4; font:800 10px Inter,sans-serif; letter-spacing:.13em; text-transform:uppercase; }
.rw-km-club-copy h2 { margin:4px 0 0; color:#fff; font:900 clamp(24px,2vw,34px)/1 Rajdhani,Inter,sans-serif; letter-spacing:.025em; }
.rw-km-club-copy span { display:block; margin-top:5px; color:#9db0ba; font:600 12px Inter,sans-serif; }
.rw-km-facts {
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:22px;
}
.rw-km-fact {
  min-width:0;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:11px;
  background:rgba(0,0,0,.2);
}
.rw-km-fact span { display:block; color:#748995; font:800 9px Inter,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.rw-km-fact b { display:-webkit-box; overflow:hidden; min-height:1.2em; margin-top:5px; color:#eaf3f6; font:800 13px/1.2 Inter,sans-serif; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal; }
.rw-km-choice button.rw-km-decision {
  position:relative;
  width:100%;
  min-height:52px;
  margin-top:17px;
  padding:10px 18px;
  border-radius:12px;
  cursor:pointer;
  font:900 13px/1.1 Inter,sans-serif;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.rw-km-choice button.rw-km-decision:hover { transform:translateY(-2px); filter:brightness(1.12); }
.rw-km-choice.current button { border:1px solid rgba(69,215,223,.42); color:#dffcff; background:linear-gradient(135deg,rgba(13,77,84,.72),rgba(8,35,42,.86)); }
.rw-km-choice.target button { border:0; color:#181005; background:linear-gradient(135deg,#f5dc91,#d7a83c); box-shadow:0 14px 35px -20px #e8c15a; }
.rw-km-manager {
  position:relative;
  align-self:end;
  height:100%;
  min-height:390px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  opacity:0;
  transform:translateY(55px) scale(.96);
  transition:opacity 1s 1.35s ease,transform 1.2s 1.25s cubic-bezier(.18,.8,.18,1);
}
.rw-km-root.is-visible .rw-km-manager { opacity:1; transform:none; }
.rw-km-manager::before {
  content:"";
  position:absolute;
  left:50%;
  bottom:22px;
  width:94%;
  height:65%;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(232,193,90,.24),rgba(69,215,223,.08) 40%,transparent 72%);
  filter:blur(16px);
}
.rw-km-manager img {
  position:relative;
  z-index:2;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 22px 22px rgba(0,0,0,.75));
}
.rw-km-manager-name {
  position:absolute;
  z-index:4;
  left:50%;
  bottom:-36px;
  width:145%;
  transform:translateX(-50%);
  text-align:center;
  text-shadow:0 3px 18px #000;
}
.rw-km-manager-name strong { display:block; color:#fff; font:900 23px/1 Rajdhani,Inter,sans-serif; letter-spacing:.06em; text-transform:uppercase; }
.rw-km-manager-name span { display:block; margin-top:5px; color:#a9bac3; font:600 11px/1.25 Inter,sans-serif; }
.rw-km-footer {
  position:absolute;
  z-index:6;
  left:50%;
  bottom:clamp(20px,3vh,38px);
  width:min(940px,84vw);
  display:flex;
  justify-content:center;
  align-items:center;
  gap:15px;
  transform:translate(-50%,18px);
  opacity:0;
  color:#8fa2ad;
  font:600 11px/1.3 Inter,sans-serif;
  text-align:center;
  transition:.7s 1.8s ease;
}
.rw-km-root.is-visible .rw-km-footer { transform:translate(-50%,0); opacity:1; }
.rw-km-footer i { width:54px; height:1px; background:linear-gradient(90deg,transparent,rgba(232,193,90,.7)); }
.rw-km-footer i:last-child { transform:rotate(180deg); }
.rw-km-root.is-accept .rw-km-choice.current,
.rw-km-root.is-stay .rw-km-choice.target { opacity:.18; filter:grayscale(.8); transform:scale(.96); }
.rw-km-root.is-accept .rw-km-choice.target,
.rw-km-root.is-stay .rw-km-choice.current { transform:scale(1.035); border-color:rgba(232,193,90,.8); }

@media (max-width:1050px), (max-height:700px) {
  .rw-km-heading { top:66px; }
  .rw-km-heading p { display:none; }
  .rw-km-stage { bottom:66px; height:62vh; grid-template-columns:minmax(255px,1fr) minmax(190px,.58fr) minmax(255px,1fr); gap:18px; }
  .rw-km-choice { min-height:300px; padding:18px; border-radius:17px; }
  .rw-km-logo { width:60px; height:60px; flex-basis:60px; }
  .rw-km-logo img { width:48px; height:48px; }
  .rw-km-manager { min-height:310px; }
}
@media (max-width:760px) {
  .rw-km-root { overflow:auto; display:block; padding:86px 14px 24px; box-sizing:border-box; }
  .rw-km-heading { position:relative; top:auto; left:auto; width:100%; transform:translateY(12px); }
  .rw-km-root.is-visible .rw-km-heading { transform:none; }
  .rw-km-heading h1 { font-size:34px; }
  .rw-km-stage { position:relative; left:auto; bottom:auto; width:100%; height:auto; margin:26px auto 70px; transform:none; display:flex; flex-direction:column; }
  .rw-km-manager { order:-1; width:230px; height:300px; min-height:300px; margin:0 auto 20px; }
  .rw-km-choice { width:100%; min-height:0; box-sizing:border-box; }
  .rw-km-footer { position:relative; left:auto; bottom:auto; width:100%; transform:none; margin-top:-52px; }
}
@media (prefers-reduced-motion:reduce) {
  .rw-km-root,.rw-km-root::before,.rw-km-beam,.rw-km-topbar,.rw-km-heading,.rw-km-choice,.rw-km-manager,.rw-km-footer { transition-duration:.01ms !important; transition-delay:0ms !important; }
}
