/* KLR /meeting page v1.0 */
body.klr-meeting-page{margin:0;background-color:#0a0c15 !important;color:#ede8de;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
body.klr-meeting-page .klr-floating-login-gate{display:none !important}
.km2{min-height:100vh;background-color:#0a0c15;background-image:radial-gradient(ellipse at 15% 0%,rgba(198,0,24,.28),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(232,207,138,.10),transparent 50%)}
.km2 *{box-sizing:border-box}
.km2-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 16px;background-color:rgba(10,12,21,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.km2-brand{display:flex;align-items:center;gap:10px;color:#fff !important;text-decoration:none !important;font-weight:800}
.km2-brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.km2-top-a{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.km2-guestchip{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:99px;background-color:rgba(255,255,255,.08)}
.km2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border:0;border-radius:99px;cursor:pointer;font:800 13.5px 'Poppins',system-ui,sans-serif;text-decoration:none !important}
.km2-red{color:#fff !important;background-color:#C60018;background-image:linear-gradient(135deg,#ff3b4f,#C60018 55%,#7a0016);box-shadow:0 8px 20px -8px rgba(198,0,24,.8)}
.km2-ghost{color:#fff !important;background-color:rgba(255,255,255,.08)}
.km2-gold{color:#1a1305 !important;background-color:#C9A84C;background-image:linear-gradient(145deg,#F2D892,#C9A84C)}
.km2-wide{width:100%;height:52px;font-size:15px}
.km2-land{max-width:980px;margin:0 auto;padding:22px 16px 60px;display:grid;gap:20px}
.km2-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:28px;overflow:hidden;background-color:#17181f;box-shadow:12px 12px 26px rgba(0,0,0,.6),-8px -8px 18px rgba(255,255,255,.04)}
.km2-card-plain{grid-template-columns:1fr}
.km2-thumb{position:relative;min-height:220px;background-size:cover;background-position:center;background-color:#1a0a0e}
.km2-tag{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;background-color:rgba(0,0,0,.55)}
.km2-dot{width:9px;height:9px;border-radius:50%;background-color:#ff3b4f;animation:km2Dot 1.4s ease-in-out infinite}
@keyframes km2Dot{50%{opacity:.3}}
.km2-body{padding:22px}
.km2-body h1{margin:0 0 8px !important;font-size:clamp(22px,4vw,30px) !important;line-height:1.2 !important;color:#fff !important}
.km2-by{margin:0 0 8px;color:rgba(237,232,222,.75)}
.km2-by b{color:#E8C97A}
.km2-when{margin:0;font-weight:700;color:#ff8a95}
.km2-choose{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.km2-opt{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:28px;background-color:#17181f;box-shadow:12px 12px 26px rgba(0,0,0,.6),-8px -8px 18px rgba(255,255,255,.04),inset 1px 1px 0 rgba(255,255,255,.05)}
.km2-ico{width:58px;height:58px;display:grid;place-items:center;font-size:28px;border-radius:20px;background-color:#C9A84C;background-image:linear-gradient(145deg,rgba(255,255,255,.38),rgba(0,0,0,.15));box-shadow:6px 8px 14px rgba(0,0,0,.45),inset 3px 3px 6px rgba(255,255,255,.4)}
.km2-opt-guest .km2-ico{background-color:#0E8077}
.km2-opt h2{margin:0 !important;font-size:20px !important;color:#fff !important}
.km2-opt p{margin:0;line-height:1.55;color:rgba(237,232,222,.78);font-size:14.5px}
.km2-opt label{display:grid;gap:6px;font-size:12.5px;font-weight:700;color:#E8C97A}
.km2-opt input{width:100%;height:48px;padding:0 14px;border:0;border-radius:14px;font:15px system-ui,sans-serif;color:#fff;background-color:#17181f;box-shadow:inset 4px 4px 9px rgba(0,0,0,.6),inset -3px -3px 7px rgba(255,255,255,.05);outline:0}
.km2-trap{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.km2-link{text-align:center;color:rgba(237,232,222,.7) !important;text-decoration:none !important;font-size:14px}
.km2-link b{color:#E8C97A}
.km2-err{padding:10px 12px;border-radius:12px;color:#ffb3bb !important;background-color:rgba(198,0,24,.15)}
.km2-priv{color:rgba(237,232,222,.5);font-size:11.5px;line-height:1.45}
.km2-room{max-width:1200px;margin:0 auto;padding:14px 12px 120px}
.km2-note{margin:0 0 14px;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;background-color:rgba(232,207,138,.08);border:1px solid rgba(232,207,138,.25)}
.km2-note a{color:#E8C97A !important;font-weight:700}
@media (max-width:760px){.km2-card,.km2-choose{grid-template-columns:1fr}.km2-top-a .km2-ghost{display:none}}
@media (max-width:760px){.km2-top .km2-red{display:none}}
/* v2.0: welcome pop-up, perks, know-us */
.km2-body .km2-wide{margin-top:16px}
.km2-eyebrow{margin:0 0 6px;font-size:11.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#E8C97A}
.km2-perks,.km2-know{padding:26px 22px;border-radius:28px;background-color:#14151c;box-shadow:12px 12px 26px rgba(0,0,0,.6),-8px -8px 18px rgba(255,255,255,.035)}
.km2-perks h2,.km2-know h2{margin:0 0 8px !important;font-size:clamp(20px,3.4vw,26px) !important;color:#fff !important}
.km2-lead,.km2-know p{margin:0 0 18px;color:rgba(237,232,222,.75);line-height:1.6}
.km2-perk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.km2-perk{padding:18px;border-radius:20px;background-color:#1a1b23;box-shadow:inset 1px 1px 0 rgba(255,255,255,.05),6px 6px 14px rgba(0,0,0,.45)}
.km2-perk span{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;font-size:22px;background-image:linear-gradient(145deg,rgba(232,207,138,.28),rgba(198,0,24,.18))}
.km2-perk h3{margin:12px 0 6px !important;font-size:15.5px !important;color:#fff !important}
.km2-perk p{margin:0;font-size:13.5px;line-height:1.55;color:rgba(237,232,222,.7)}
.km2-cta,.km2-know-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.km2-know{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:center}
.km2-know p{margin:0}
.km2-know-a{margin:0;justify-content:flex-end}
.km-pop{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:16px;background-color:rgba(5,6,12,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.km-pop.is-on{display:flex;animation:kmIn .25s ease}
@keyframes kmIn{from{opacity:0}}
.km-card{position:relative;width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow:auto;padding:28px 24px 22px;border-radius:28px;background-color:#17181f;background-image:radial-gradient(ellipse at 50% 0%,rgba(198,0,24,.22),transparent 60%);box-shadow:0 30px 70px rgba(0,0,0,.7),inset 1px 1px 0 rgba(255,255,255,.07);animation:kmUp .35s cubic-bezier(.2,.9,.3,1.2)}
@keyframes kmUp{from{transform:translateY(24px) scale(.96)}}
.km-x{position:absolute;right:12px;top:10px;width:36px;height:36px;border:0;border-radius:50%;font-size:22px;color:#fff;background-color:rgba(255,255,255,.08);cursor:pointer}
.km-step{display:grid;gap:12px}
.km-step[hidden]{display:none}
.km-logo{width:64px;height:64px;margin:0 auto;border-radius:50%;box-shadow:0 0 0 4px rgba(232,207,138,.25),0 0 30px rgba(232,207,138,.35)}
.km-card h3{margin:0 !important;text-align:center;font-size:22px !important;color:#fff !important}
.km-sub{margin:0 0 4px;text-align:center;color:rgba(237,232,222,.72);font-size:14px;line-height:1.5}
.km-or{display:flex;align-items:center;gap:10px;color:rgba(237,232,222,.45);font-size:12px;text-transform:uppercase;letter-spacing:.15em}
.km-or:before,.km-or:after{content:"";flex:1;height:1px;background-color:rgba(255,255,255,.1)}
.km-note,.km-priv{margin:0;text-align:center;font-size:12px;line-height:1.5;color:rgba(237,232,222,.55)}
.km-card label{display:grid;gap:6px;font-size:12.5px;font-weight:700;color:#E8C97A}
.km-card label b{color:#fff;font-size:15px}
.km-card input,.km-card select{width:100%;height:48px;padding:0 14px;border:0;border-radius:14px;font:15px system-ui,sans-serif;color:#fff;background-color:#121319;box-shadow:inset 4px 4px 9px rgba(0,0,0,.6),inset -3px -3px 7px rgba(255,255,255,.05);outline:0}
.km-card select{height:40px;font-size:13.5px}
.km-stay{grid-template-columns:1fr auto;align-items:center}
.km-pw{position:relative;display:block}
.km-pw input{padding-right:48px}
.km-eye{position:absolute;right:6px;top:6px;width:36px;height:36px;border:0;border-radius:10px;background-color:transparent;cursor:pointer;font-size:16px}
.km-err{margin:0;padding:10px 12px;border-radius:12px;font-size:13.5px;color:#ffb3bb;background-color:rgba(198,0,24,.15)}
.km-links{display:flex;justify-content:space-between;font-size:13px}
.km-links button,.km-links a{border:0;background:none;padding:0;cursor:pointer;font:600 13px 'Poppins',system-ui,sans-serif;color:rgba(237,232,222,.7) !important;text-decoration:none !important}
@media (max-width:760px){.km2-perk-grid{grid-template-columns:1fr 1fr}.km2-know{grid-template-columns:1fr}.km2-know-a{justify-content:flex-start}}
@media (max-width:460px){.km2-perk-grid{grid-template-columns:1fr}.km2-perks,.km2-know{padding:22px 16px}}
