/* HoneyBee Inn — Unified Authentication UI v2 (visual only) */
:root{--hb-gold:#e5a516;--hb-gold2:#c57e00;--hb-cream:#fff8e8;--hb-navy:#101c2d;--hb-ink:#172235;--hb-white:#fff}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,"Helvetica Neue",sans-serif;color:var(--hb-white)}
body.hb-auth-page{min-height:100vh;overflow-x:hidden;background:#0d1725 url('/assets/honeybee-login-courtyard.png') center/cover fixed no-repeat;position:relative}
body.hb-auth-page:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(105deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.62) 28%,rgba(0,0,0,.38) 50%,rgba(0,0,0,.14) 68%,rgba(0,0,0,0) 84%),linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.18) 100%)}
.hb-auth-honeycomb{position:fixed;z-index:1;color:rgba(229,165,22,.42);font-size:38px;line-height:.72;letter-spacing:5px;pointer-events:none;text-shadow:0 0 12px rgba(229,165,22,.15)}
.hb-auth-honeycomb.tl{top:12px;left:12px}.hb-auth-honeycomb.tr{top:10px;right:15px}.hb-auth-honeycomb.br{right:28px;bottom:118px;font-size:30px}
.hb-auth-wrap{position:relative;z-index:2;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(470px,540px);gap:6vw;align-items:center;padding:44px 7vw 155px}
.hb-brand-side{width:min(700px,100%);justify-self:center;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,.42)}
.hb-logo{width:112px;height:112px;object-fit:contain;display:block;margin:0 0 16px;filter:drop-shadow(0 8px 15px rgba(0,0,0,.35))}
.hb-brand-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,5.1vw,78px);font-weight:800;line-height:.92;letter-spacing:-2px;margin:0}.hb-brand-title .gold{color:var(--hb-gold)}
.hb-brand-sub{font-size:15px;letter-spacing:.32em;text-transform:uppercase;font-weight:700;margin-top:17px}.hb-brand-rule{width:82px;height:3px;background:var(--hb-gold);border-radius:5px;margin:17px 0;box-shadow:0 2px 8px rgba(0,0,0,.28)}
.hb-tagline{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:25px;line-height:1.18;margin:0 0 14px}.hb-desc{font-size:15px;line-height:1.55;max-width:590px;margin:0 0 18px;color:#fff}
.hb-contact{display:grid;gap:9px;font-size:14px}.hb-contact div{display:flex;align-items:center;gap:12px}.hb-contact i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0a915;color:#1c2738;text-shadow:none}
.hb-card{position:relative;width:100%;max-width:540px;justify-self:end;padding:38px 42px 34px;background:linear-gradient(145deg,rgba(20,31,46,.86),rgba(8,17,29,.76));border:1px solid rgba(255,255,255,.30);border-radius:28px;box-shadow:0 28px 75px rgba(0,0,0,.42);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);overflow:hidden}
.hb-card:before{content:"";position:absolute;right:-70px;top:-80px;width:250px;height:250px;background:radial-gradient(circle,rgba(229,165,22,.28),transparent 66%);pointer-events:none}.hb-card:after{content:"⬡ ⬡\A  ⬡ ⬡";white-space:pre;position:absolute;right:16px;top:14px;color:rgba(229,165,22,.48);font-size:31px;line-height:.72;pointer-events:none}
.hb-mini{text-align:center;margin-bottom:18px}.hb-mini-logo{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.3));margin-bottom:7px}.hb-mini-name{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:800}.hb-mini-name .gold{color:var(--hb-gold)}.hb-mini-sub{font-size:9px;letter-spacing:.22em;color:#d9e0e9;text-transform:uppercase;margin-top:5px}.hb-rule{width:55px;height:3px;background:var(--hb-gold);border-radius:4px;margin:11px auto 0}
.hb-welcome{font-family:"Brush Script MT","Segoe Script",cursive;color:#f2b52a;font-size:32px;text-align:center;margin:0}.hb-title{text-align:center;font-family:Arial,"Helvetica Neue",sans-serif;font-size:31px;line-height:1.1;margin:1px 0 8px;color:#fff;font-weight:800}.hb-sub{text-align:center;color:#d9e0e9;font-size:13px;line-height:1.5;margin:0 0 22px}
.hb-label{display:block;color:#fff;font-size:12px;font-weight:700;margin:0 0 7px}.hb-field-wrap{position:relative;margin-bottom:15px}.hb-icon{position:absolute;left:0;top:0;width:52px;height:52px;display:grid;place-items:center;background:#fff5d8;color:#d18d04;border-radius:12px 0 0 12px;border-right:1px solid #ecd8a7;z-index:1}.hb-input{width:100%;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.52);background:rgba(255,255,255,.97);color:#243147;padding:0 16px 0 66px;font-size:14px;outline:0}.hb-input:focus{border-color:var(--hb-gold);box-shadow:0 0 0 3px rgba(229,165,22,.20)}.hb-password{padding-right:52px}.hb-eye{position:absolute;right:5px;top:5px;width:42px;height:42px;border:0;background:transparent;color:#8b95a2;cursor:pointer;border-radius:9px}
.hb-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 18px;font-size:12px}.hb-remember{display:flex;align-items:center;gap:8px;color:#fff}.hb-remember input{accent-color:var(--hb-gold)}.hb-link{color:#f1b82c;font-weight:700;text-decoration:none}.hb-link:hover{text-decoration:underline}
.hb-primary{width:100%;height:54px;border:1px solid #f3bd3d;border-radius:14px;background:linear-gradient(145deg,#efb52b,#c57d00);color:#fff;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 11px 25px rgba(190,126,7,.30);transition:.2s}.hb-primary:hover{transform:translateY(-1px);filter:brightness(1.04)}.hb-primary:disabled{opacity:.62;cursor:not-allowed;transform:none}
.hb-back{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:12px;border:1px solid rgba(229,165,22,.9);border-radius:14px;background:rgba(255,255,255,.04);color:#f2bd3e;text-decoration:none;font-weight:700}.hb-back:hover{background:rgba(229,165,22,.12)}
.hb-msg{padding:11px 13px;border-radius:11px;font-size:12px;line-height:1.45;margin:0 0 14px}.hb-msg.err{background:rgba(196,54,54,.18);border:1px solid rgba(255,154,154,.35);color:#ffe1e1}.hb-msg.ok{background:rgba(42,143,81,.18);border:1px solid rgba(124,220,155,.4);color:#d9ffe5}
.hb-footer{position:fixed;z-index:4;left:0;right:0;bottom:0;min-height:108px;padding:30px 6vw 17px;background:#fffaf0;color:#273347;clip-path:ellipse(82% 72% at 50% 100%);box-shadow:0 -10px 28px rgba(0,0,0,.10);display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:center;border-top:3px solid rgba(229,165,22,.75)}
.hb-feature{display:flex;align-items:center;justify-content:center;gap:11px;border-right:1px solid rgba(160,120,35,.18)}.hb-feature:last-child{border-right:0}.hb-feature i{width:40px;height:40px;border:1px solid rgba(229,165,22,.5);border-radius:50%;display:grid;place-items:center;color:#d18d04;background:#fff}.hb-feature strong{display:block;font-size:12px}.hb-feature span{display:block;font-size:10px;color:#697386;margin-top:3px}
.hb-foot-location{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-size:10px;font-weight:700;color:#5b4b2d}.hb-foot-location i{color:#d18d04;margin-right:4px}
@media(max-width:800px){body.hb-auth-page:before{background:linear-gradient(180deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.28) 42%,rgba(0,0,0,.58) 100%)}}@media(max-width:1050px){.hb-auth-wrap{grid-template-columns:minmax(0,1fr) minmax(430px,520px);gap:4vw;padding-left:5vw;padding-right:5vw}.hb-brand-title{font-size:55px}.hb-logo{width:78px;height:78px}}
@media(max-width:800px){body.hb-auth-page{background-attachment:scroll}.hb-auth-wrap{display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding:28px 15px 145px}.hb-brand-side{width:100%;text-align:center}.hb-logo{width:72px;height:72px;margin:0 auto 9px}.hb-brand-title{font-size:43px}.hb-brand-sub{font-size:9px;letter-spacing:.16em;margin-top:9px}.hb-brand-rule{margin:11px auto;width:58px;height:2px}.hb-tagline{font-size:21px}.hb-desc{font-size:13px;margin-left:auto;margin-right:auto}.hb-contact{display:none}.hb-card{width:min(540px,96vw);justify-self:center;padding:28px 22px 25px;border-radius:22px}.hb-footer{position:absolute;display:grid;grid-template-columns:repeat(2,1fr);clip-path:none;min-height:112px;padding:15px 18px 31px}.hb-feature{border-right:0}.hb-foot-location{bottom:5px}}
@media(max-width:480px){.hb-auth-wrap{padding-left:9px;padding-right:9px}.hb-brand-title{font-size:36px}.hb-brand-sub{font-size:8px}.hb-card{width:98vw;padding:24px 17px 22px}.hb-welcome{font-size:28px}.hb-title{font-size:27px}.hb-footer{grid-template-columns:1fr 1fr;gap:7px}.hb-feature i{width:34px;height:34px}.hb-feature strong{font-size:10px}.hb-feature span{font-size:8px}.hb-contact{display:none}}

/* FINAL LIGHT/GOLD AUTH THEME — shared by Login and Forgot Password */
body.hb-auth-page{background:#FBF7EE url('/assets/honeybee-login-courtyard.png') center/cover fixed no-repeat!important;color:#4F3B16!important}
/* FINAL LOGIN BACKGROUND — keep the hotel photo visible; only a light directional gradient overlay */
body.hb-auth-page:before{background:linear-gradient(90deg,rgba(255,250,237,.14) 0%,rgba(255,252,245,.06) 46%,rgba(255,250,237,.12) 100%),linear-gradient(180deg,rgba(255,252,245,.02),rgba(255,250,237,.08))!important}
.hb-brand-side{color:#6A4A0A!important;text-shadow:0 2px 8px rgba(120,82,0,.10)!important}
.hb-brand-title{color:#7A5300!important;text-shadow:none!important}.hb-brand-title .gold{color:#C68A0B!important}
.hb-brand-sub,.hb-tagline{color:#7B5A20!important}.hb-desc{color:#705F42!important}.hb-contact{color:#6B5732!important}
.hb-contact i{background:#F3C95B!important;color:#6E4B00!important}
.hb-card{background:rgba(255,253,247,.97)!important;border:1px solid #E4C76C!important;box-shadow:0 24px 65px rgba(101,72,14,.18)!important;backdrop-filter:none!important}
.hb-mini-name,.hb-title{color:#694900!important}.hb-mini-sub,.hb-sub{color:#786A52!important}.hb-label{color:#654B1C!important}
.hb-input{background:#fff!important;color:#49381E!important;border:1px solid #DCC58A!important}
.hb-remember{color:#6C5733!important}.hb-link{color:#B27600!important}
.hb-primary{background:linear-gradient(145deg,#F1C94E,#C48708)!important;border-color:#D29B20!important}
.hb-back{background:#FFF9EA!important;color:#9A6500!important;border-color:#DDBA58!important}
.hb-msg.err{background:#FFF0EF!important;border-color:#E7AAA5!important;color:#9A3028!important}
.hb-msg.ok{background:#EFFAF2!important;border-color:#A8D8B5!important;color:#246B38!important}
.hb-attempts{color:#A36B00!important}.hb-attempts strong{color:#7A5300!important}
.hb-footer{background:#FFFDF8!important;color:#66553A!important;border-top-color:#E2BD50!important}

.hb-role-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 15px}
.hb-role-option{height:46px;border-radius:11px;border:1px solid #DCC58A;background:#FFF9EA;color:#8A5C00;font-weight:800;cursor:pointer}
.hb-role-option.active{background:linear-gradient(145deg,#F3CF67,#C98A0A);border-color:#D09A1C;color:#fff;box-shadow:0 7px 16px rgba(194,132,8,.18)}


/* HONEYBEE AUTH — SHARED GUEST-HOME BACKGROUND + LIGHT WHITE GRADIENT + FLOATING BEE
   UI-only final override. The courtyard remains clearly visible; there is no full-page white wash. */
body.hb-auth-page{
  background:#f8f1e2 url('/guest/guest-home-bg.jpg') center center/cover fixed no-repeat!important;
  color:#8a620d!important;
}
body.hb-auth-page:before{
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.25) 0%,
      rgba(255,255,255,.16) 24%,
      rgba(255,255,255,.07) 47%,
      rgba(255,255,255,.025) 66%,
      rgba(255,255,255,0) 82%),
    linear-gradient(180deg,
      rgba(255,255,255,.01) 0%,
      rgba(255,250,238,.035) 100%)!important;
}
/* The bee sits above every login/recovery card. */
.hb-card{overflow:visible!important}
.hb-card:after{
  content:""!important;
  position:absolute!important;
  top:-27px!important;
  right:34px!important;
  width:68px!important;
  height:68px!important;
  background:url('/assets/honeybee-logo.svg') center/contain no-repeat!important;
  filter:drop-shadow(0 7px 9px rgba(98,67,8,.20))!important;
  z-index:5!important;
  pointer-events:none!important;
}
/* HoneyBee Inn identity: bright gold with a soft white highlight, never dark navy. */
.hb-brand-title,
.hb-brand-title .gold,
.hb-mini-name,
.hb-mini-name .gold{
  color:transparent!important;
  background:linear-gradient(90deg,#b97800 0%,#e6ad2d 38%,#fff7d8 52%,#d99a16 68%,#b97800 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:0 1px 5px rgba(255,255,255,.35)!important;
}
.hb-brand-sub,.hb-mini-sub,.hb-label{color:#9a6a08!important}
.hb-tagline{color:#b17a0c!important}
.hb-desc,.hb-sub{color:#8d7755!important}
.hb-title{color:#b47705!important}
.hb-welcome{color:#d89a16!important;text-shadow:0 1px 4px rgba(255,255,255,.45)!important}
.hb-contact{color:#8b6b35!important}
.hb-contact i{background:#f3c95b!important;color:#805500!important}
.hb-attempts,.hb-attempts strong{color:#a86f00!important}
.hb-link{color:#b87900!important}
.hb-back{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,248,224,.94))!important;color:#a66d00!important;border-color:#dfb951!important}
.hb-primary{background:linear-gradient(145deg,#f5cf58 0%,#dfa51e 52%,#c58305 100%)!important;color:#fff!important}
.hb-card{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,252,241,.94))!important;border-color:#e3bf58!important;box-shadow:0 24px 65px rgba(101,72,14,.16)!important;backdrop-filter:none!important}
.hb-input{color:#5f461d!important;border-color:#dcc58a!important}
.hb-icon{color:#b87900!important}
.hb-footer{background:rgba(255,253,247,.96)!important;color:#705a32!important;border-top-color:#e2bd50!important}
.hb-feature strong{color:#775a27!important}.hb-feature span{color:#8d7c62!important}
@media(max-width:800px){
  body.hb-auth-page{background-attachment:scroll!important}
  body.hb-auth-page:before{
    background:
      linear-gradient(90deg,
        rgba(255,255,255,.21) 0%,
        rgba(255,255,255,.12) 32%,
        rgba(255,255,255,.045) 60%,
        rgba(255,255,255,0) 82%)!important;
  }
  .hb-card:after{top:-22px!important;right:22px!important;width:58px!important;height:58px!important}
}

/* READABLE GOLD + DARK DETAIL PASS — shared Admin/Cashier/Guest/Forgot/OTP */
body.hb-auth-page:before{
  background:
    linear-gradient(90deg,
      rgba(255,252,244,.48) 0%,
      rgba(255,252,244,.30) 28%,
      rgba(255,252,244,.10) 50%,
      rgba(255,252,244,0) 72%
    ),
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,248,225,.10)) !important;
}

/* Brand name: strong gold -> warm white -> gold gradient, with a readable edge */
.hb-brand-title,
.hb-mini-name{
  background:linear-gradient(180deg,#fff9dc 0%,#f4ce68 24%,#d89b1a 52%,#b87500 78%,#f7d66f 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  -webkit-text-stroke:.65px rgba(111,72,0,.58) !important;
  text-shadow:0 2px 7px rgba(74,47,0,.22) !important;
}
.hb-brand-title .gold,
.hb-mini-name .gold{color:transparent !important;-webkit-text-fill-color:transparent !important}

/* Supporting hotel details: dark charcoal/brown for clear reading over the photo */
.hb-brand-sub,
.hb-tagline,
.hb-desc,
.hb-contact,
.hb-contact span{
  color:#30291f !important;
  text-shadow:0 1px 3px rgba(255,255,255,.72) !important;
}
.hb-brand-sub{font-weight:800 !important;letter-spacing:.32em !important}
.hb-tagline{font-weight:600 !important}
.hb-desc{font-weight:600 !important}
.hb-contact{font-weight:600 !important}
.hb-contact i{color:#5b3d00 !important;background:#f3c95b !important;box-shadow:0 2px 8px rgba(87,57,0,.18)}

/* Same readable gold/dark palette on every auth form */
.hb-mini-sub,
.hb-sub{color:#55452e !important;text-shadow:0 1px 2px rgba(255,255,255,.7) !important}
.hb-title{color:#9a6500 !important;text-shadow:0 1px 2px rgba(255,255,255,.65) !important}
.hb-welcome{color:#c88400 !important;text-shadow:0 1px 2px rgba(255,255,255,.65) !important}
.hb-label{color:#4b3820 !important}
.hb-remember{color:#4b3820 !important}
.hb-link{color:#9b6500 !important}
.hb-attempts{color:#9b6500 !important}
.hb-attempts strong{color:#4b3820 !important}
.hb-back{color:#936000 !important;background:rgba(255,250,236,.92) !important}

/* Keep the form/card readable without turning the whole photo white */
.hb-card{background:rgba(255,253,247,.93) !important}

@media(max-width:800px){
  body.hb-auth-page:before{
    background:linear-gradient(90deg,
      rgba(255,252,244,.38) 0%,
      rgba(255,252,244,.18) 35%,
      rgba(255,252,244,.05) 62%,
      rgba(255,252,244,0) 82%
    ) !important;
  }
}


/* FINAL TYPOGRAPHY PASS — plain, readable text; no outlines/strokes */
.hb-brand-title,
.hb-brand-title .gold,
.hb-mini-name,
.hb-mini-name .gold{
  background:none!important;
  color:#3b2f20!important;
  -webkit-text-fill-color:#3b2f20!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
.hb-brand-sub,
.hb-mini-sub,
.hb-label,
.hb-tagline,
.hb-desc,
.hb-contact,
.hb-contact span,
.hb-sub,
.hb-remember{
  color:#302a22!important;
  text-shadow:none!important;
}
.hb-title{
  color:#3b2f20!important;
  text-shadow:none!important;
}
.hb-welcome{
  color:#a86b00!important;
  text-shadow:none!important;
}
.hb-link,.hb-attempts{color:#986000!important;text-shadow:none!important}
.hb-attempts strong{color:#302a22!important}
.hb-contact i{color:#5b3d00!important;text-shadow:none!important}
.hb-card h1,.hb-card h2,.hb-card h3,.hb-card p,.hb-card label,.hb-card span{
  text-shadow:none!important;
}

/* HONEYBEE AUTH — TRANSPARENT GLASS LOGIN UI (visual only) */
body.hb-auth-page:before{
  background:linear-gradient(90deg,rgba(6,14,25,.18) 0%,rgba(6,14,25,.06) 48%,rgba(6,14,25,.16) 100%),linear-gradient(180deg,rgba(4,12,22,.04),rgba(4,12,22,.18))!important;
}
.hb-brand-side{
  padding:30px 34px 32px!important;
  border-radius:22px!important;
  background:rgba(8,18,31,.60)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  color:#fff!important;
  text-shadow:0 2px 8px rgba(0,0,0,.35)!important;
}
.hb-brand-title,
.hb-brand-title .gold{
  color:#E7AA16!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:0 2px 8px rgba(0,0,0,.38)!important;
}
.hb-brand-sub,.hb-tagline,.hb-desc,.hb-contact{color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,.42)!important}
.hb-brand-rule{background:#E7AA16!important}
.hb-contact i{background:#F3C95B!important;color:#5B3B00!important}
.hb-card{
  background:rgba(8,18,31,.64)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(13px)!important;
  -webkit-backdrop-filter:blur(13px)!important;
}
.hb-mini-name{color:#E7AA16!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;text-shadow:0 2px 7px rgba(0,0,0,.35)!important}
.hb-mini-sub,.hb-sub,.hb-label{color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.32)!important}
.hb-title{color:#E7AA16!important;text-shadow:0 2px 7px rgba(0,0,0,.35)!important}
.hb-welcome{color:#F2B52A!important;text-shadow:0 2px 6px rgba(0,0,0,.35)!important}
.hb-input{background:rgba(255,255,255,.94)!important;color:#263246!important}
.hb-remember{color:#fff!important}.hb-link{color:#F2C34E!important}
.hb-back{background:rgba(255,255,255,.10)!important;color:#F2C34E!important;border-color:rgba(229,165,22,.72)!important}
.hb-card .hb-mini-sub{color:rgba(255,255,255,.88)!important}
@media(max-width:800px){.hb-brand-side{padding:24px 20px 25px!important;background:rgba(8,18,31,.58)!important}.hb-card{background:rgba(8,18,31,.68)!important}}

/* FINAL GLASS + WHITE TEXT PASS — Admin/Cashier Login, Forgot Password and Guest Login */
body.hb-auth-page{
  background:#0d1725 url('/assets/honeybee-login-courtyard.png') center/cover fixed no-repeat!important;
  color:#fff!important;
}
body.hb-auth-page:before{
  background:
    linear-gradient(90deg,rgba(4,12,22,.34) 0%,rgba(4,12,22,.10) 48%,rgba(4,12,22,.28) 100%),
    linear-gradient(180deg,rgba(4,12,22,.04),rgba(4,12,22,.20))!important;
}
.hb-brand-side{
  padding:30px 34px 32px!important;
  border-radius:22px!important;
  background:rgba(8,18,31,.60)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  color:#fff!important;
  text-shadow:0 2px 7px rgba(0,0,0,.40)!important;
}
.hb-brand-title,.hb-brand-title .gold,.hb-mini-name,.hb-mini-name .gold{
  color:#E7AA16!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#E7AA16!important;
  text-shadow:0 2px 8px rgba(0,0,0,.42)!important;
}
.hb-brand-sub,.hb-tagline,.hb-desc,.hb-contact,.hb-contact span{
  color:#fff!important;
  text-shadow:0 2px 6px rgba(0,0,0,.44)!important;
}
.hb-brand-rule{background:#E7AA16!important}
.hb-contact i{background:#F3C95B!important;color:#5B3B00!important;text-shadow:none!important}
.hb-card{
  background:rgba(8,18,31,.66)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.40)!important;
  backdrop-filter:blur(13px)!important;
  -webkit-backdrop-filter:blur(13px)!important;
}
.hb-mini-sub,.hb-sub,.hb-label,.hb-remember{
  color:#fff!important;
  text-shadow:0 1px 4px rgba(0,0,0,.38)!important;
}
.hb-title{color:#fff!important;text-shadow:0 2px 7px rgba(0,0,0,.42)!important}
.hb-welcome{color:#F2B52A!important;text-shadow:0 2px 6px rgba(0,0,0,.38)!important}
.hb-attempts,.hb-attempts strong{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.35)!important}
.hb-link{color:#F6C64F!important;text-shadow:0 1px 3px rgba(0,0,0,.30)!important}
.hb-back{background:rgba(255,255,255,.10)!important;color:#F6C64F!important;border-color:rgba(229,165,22,.78)!important}
.hb-card .hb-mini-sub{color:rgba(255,255,255,.90)!important}
.hb-role-option{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.42)!important}
.hb-role-option:hover{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:#E7AA16!important}
.hb-role-option.active{color:#fff!important}
.hb-msg.err{color:#ffe8e8!important}
.hb-msg.ok{color:#e2ffe9!important}
@media(max-width:800px){
  body.hb-auth-page{background-attachment:scroll!important}
  .hb-brand-side{padding:24px 20px 25px!important;background:rgba(8,18,31,.60)!important}
  .hb-card{background:rgba(8,18,31,.70)!important}
}

/* ================================================================
   HONEYBEE — LIGHT-ON GLASS LOGIN EFFECT
   Visual-only enhancement: no authentication/OTP logic changed.
   ================================================================ */
body.hb-auth-page{
  overflow:hidden;
}

/* Soft room glow: like a lamp being switched on behind the form. */
body.hb-auth-page:after{
  content:"";
  position:fixed;
  inset:-20%;
  z-index:1;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(ellipse 28% 48% at 77% 48%, rgba(242,181,42,.30) 0%, rgba(242,181,42,.12) 30%, transparent 70%),
    radial-gradient(circle at 68% 52%, rgba(255,245,205,.14), transparent 28%);
  filter:blur(14px);
  animation: hbLightOn 1.7s cubic-bezier(.2,.75,.2,1) .15s forwards, hbLightBreath 5s ease-in-out 1.9s infinite;
}

/* The glass card is revealed as the light comes on. */
.hb-card{
  isolation:isolate;
  overflow:hidden;
  transform:translateY(22px) scale(.985);
  opacity:.18;
  filter:brightness(.72) blur(3px);
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42), 0 0 0 rgba(242,181,42,0)!important;
  animation:hbCardReveal 1.35s cubic-bezier(.16,.78,.24,1) .45s forwards, hbCardGlow 4.5s ease-in-out 2s infinite;
}

/* Animated golden halo travelling around the glass edge. */
.hb-card:before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:0;
  border-radius:inherit;
  padding:1.5px;
  background:conic-gradient(from 0deg,
    transparent 0deg,
    transparent 55deg,
    rgba(242,181,42,.08) 80deg,
    rgba(255,221,111,.95) 105deg,
    rgba(242,181,42,.20) 125deg,
    transparent 160deg,
    transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:hbBorderOrbit 4.8s linear 1.8s infinite;
  pointer-events:none;
}

/* A warm sweep crosses the glass once, then gently repeats. */
.hb-card:after{
  content:"";
  position:absolute;
  z-index:0;
  width:45%;
  height:150%;
  left:-55%;
  top:-25%;
  pointer-events:none;
  transform:rotate(14deg);
  background:linear-gradient(90deg,transparent,rgba(255,241,183,.17),transparent);
  filter:blur(8px);
  animation:hbGlassSweep 2.1s ease-out .9s 1, hbGlassSweepLoop 7s ease-in-out 4s infinite;
}

/* Keep every real form element above the animated effects. */
.hb-card > *{
  position:relative;
  z-index:2;
}

/* Inputs get a subtle golden focus light. */
.hb-field-wrap{
  transition:transform .25s ease, filter .25s ease, box-shadow .25s ease;
}
.hb-field-wrap:focus-within{
  transform:translateY(-1px);
  filter:brightness(1.04);
  box-shadow:0 0 0 1px rgba(242,181,42,.34), 0 0 22px rgba(242,181,42,.18);
  border-radius:14px;
}

/* Small floating light particles around the authentication area. */
.hb-auth-honeycomb{
  animation:hbHoneyGlow 3.8s ease-in-out infinite;
}
.hb-auth-honeycomb.tr{animation-delay:1.1s}
.hb-auth-honeycomb.br{animation-delay:2.1s}

@keyframes hbLightOn{
  0%{opacity:0;transform:scale(.82)}
  55%{opacity:.78}
  100%{opacity:1;transform:scale(1)}
}
@keyframes hbLightBreath{
  0%,100%{opacity:.88;transform:scale(1)}
  50%{opacity:1;transform:scale(1.035)}
}
@keyframes hbCardReveal{
  0%{opacity:.18;transform:translateY(22px) scale(.985);filter:brightness(.72) blur(3px)}
  55%{opacity:1;filter:brightness(1.12) blur(0)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:brightness(1) blur(0)}
}
@keyframes hbCardGlow{
  0%,100%{box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 16px rgba(242,181,42,.05)!important}
  50%{box-shadow:0 28px 78px rgba(0,0,0,.45),0 0 32px rgba(242,181,42,.20)!important}
}
@keyframes hbBorderOrbit{
  to{transform:rotate(360deg)}
}
@keyframes hbGlassSweep{
  0%{left:-55%;opacity:0}
  15%{opacity:1}
  100%{left:125%;opacity:0}
}
@keyframes hbGlassSweepLoop{
  0%,72%{left:-55%;opacity:0}
  82%{opacity:.9}
  100%{left:125%;opacity:0}
}
@keyframes hbHoneyGlow{
  0%,100%{filter:drop-shadow(0 0 3px rgba(242,181,42,.10));opacity:.72}
  50%{filter:drop-shadow(0 0 14px rgba(242,181,42,.42));opacity:1}
}

/* Respect reduced-motion settings. */
@media(prefers-reduced-motion:reduce){
  body.hb-auth-page:after,.hb-card,.hb-card:before,.hb-card:after,.hb-auth-honeycomb{animation:none!important;transition:none!important}
  .hb-card{opacity:1;transform:none;filter:none}
}

@media(max-width:800px){
  body.hb-auth-page{overflow-x:hidden;overflow-y:auto}
  body.hb-auth-page:after{opacity:.8}
  .hb-card{animation:hbCardReveal 1.15s cubic-bezier(.16,.78,.24,1) .25s forwards, hbCardGlow 4.5s ease-in-out 1.8s infinite}
}

/* ================================================================
   HONEYBEE — REALISTIC FLYING BEE + PERMANENT LIGHT AMBIENCE
   Visual-only enhancement. The supplied bee photo is transparent
   so its original white background does not appear on the page.
   ================================================================ */
body.hb-auth-page:after{
  opacity:1!important;
  animation:hbAmbientGlow 5.5s ease-in-out infinite!important;
}

.hb-flying-bee{
  position:fixed;
  left:-180px;
  top:18vh;
  width:150px;
  height:105px;
  z-index:3;
  pointer-events:none;
  transform-origin:50% 50%;
  animation:hbBeeFlight 18s cubic-bezier(.42,0,.58,1) infinite;
  will-change:transform,left,top;
}
.hb-flying-bee img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 5px 5px rgba(48,32,0,.28)) drop-shadow(0 0 8px rgba(255,222,113,.20));
  transform-origin:50% 55%;
  animation:hbBeeBody 180ms ease-in-out infinite alternate;
}
.hb-bee-light{
  position:absolute;
  left:18%;
  top:20%;
  width:64%;
  height:64%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,250,218,.88) 0%,rgba(255,219,93,.32) 28%,rgba(255,201,45,.10) 52%,transparent 74%);
  filter:blur(7px);
  opacity:.82;
  animation:hbBeeLight 1.7s ease-in-out infinite;
}
.hb-flying-bee:after{
  content:"";
  position:absolute;
  left:12%;
  top:28%;
  width:76%;
  height:52%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,255,255,.20),transparent 68%);
  filter:blur(5px);
  mix-blend-mode:screen;
  animation:hbBeeAura 2.1s ease-in-out infinite;
}

@keyframes hbAmbientGlow{
  0%,100%{opacity:.86;transform:scale(1)}
  50%{opacity:1;transform:scale(1.045)}
}
@keyframes hbBeeFlight{
  0%{left:-180px;top:19vh;transform:translate3d(0,0,0) rotate(-7deg) scale(.92)}
  12%{left:9vw;top:27vh;transform:translate3d(0,-10px,0) rotate(4deg) scale(1)}
  25%{left:25vw;top:18vh;transform:translate3d(0,12px,0) rotate(-5deg) scale(.96)}
  39%{left:43vw;top:31vh;transform:translate3d(0,-8px,0) rotate(7deg) scale(1.03)}
  53%{left:61vw;top:20vh;transform:translate3d(0,13px,0) rotate(-4deg) scale(.98)}
  67%{left:76vw;top:37vh;transform:translate3d(0,-9px,0) rotate(8deg) scale(1.02)}
  82%{left:89vw;top:23vh;transform:translate3d(0,10px,0) rotate(-6deg) scale(.95)}
  100%{left:110vw;top:31vh;transform:translate3d(0,-3px,0) rotate(5deg) scale(.90)}
}
@keyframes hbBeeBody{
  from{transform:translateY(-2px) rotate(-1deg)}
  to{transform:translateY(3px) rotate(1.5deg)}
}
@keyframes hbBeeLight{
  0%,100%{opacity:.52;transform:scale(.82)}
  50%{opacity:1;transform:scale(1.18)}
}
@keyframes hbBeeAura{
  0%,100%{opacity:.18;transform:scale(.82)}
  50%{opacity:.62;transform:scale(1.12)}
}

@media(max-width:800px){
  .hb-flying-bee{width:105px;height:74px;animation-duration:15s}
  @keyframes hbBeeFlight{
    0%{left:-125px;top:15vh;transform:translate3d(0,0,0) rotate(-7deg) scale(.84)}
    18%{left:10vw;top:27vh;transform:translate3d(0,-7px,0) rotate(5deg) scale(.92)}
    38%{left:37vw;top:17vh;transform:translate3d(0,8px,0) rotate(-5deg) scale(.88)}
    58%{left:61vw;top:30vh;transform:translate3d(0,-7px,0) rotate(7deg) scale(.94)}
    78%{left:82vw;top:19vh;transform:translate3d(0,7px,0) rotate(-6deg) scale(.86)}
    100%{left:108vw;top:28vh;transform:translate3d(0,-2px,0) rotate(5deg) scale(.80)}
  }
}
@media(prefers-reduced-motion:reduce){
  .hb-flying-bee,.hb-flying-bee img,.hb-bee-light,.hb-flying-bee:after{animation:none!important}
  .hb-flying-bee{display:none!important}
}

/* ================================================================
   REALISTIC HONEYBEE SWARM — layered flight paths, wing flutter,
   depth variation and warm reflected light. Visual-only.
   ================================================================ */
.hb-bee-swarm{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;perspective:900px}
.hb-bee-swarm .hb-flying-bee{position:absolute;left:-16vw;top:0;width:112px;height:79px;will-change:transform;animation-timing-function:cubic-bezier(.45,.05,.55,.95);animation-iteration-count:infinite;animation-direction:normal}
.hb-bee-swarm .hb-flying-bee img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transform-origin:48% 54%;filter:drop-shadow(0 4px 4px rgba(37,25,0,.34)) drop-shadow(0 0 7px rgba(255,213,77,.18));animation:hbBeeFlutter .105s steps(2,end) infinite alternate, hbBeeBob 1.15s ease-in-out infinite}
.hb-bee-swarm .hb-bee-light{position:absolute;left:21%;top:24%;width:58%;height:55%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,238,.62) 0%,rgba(255,218,92,.22) 30%,transparent 72%);filter:blur(7px);animation:hbBeeGlow .9s ease-in-out infinite}
.hb-bee-swarm .hb-bee-wing{position:absolute;z-index:2;left:22%;top:19%;width:58%;height:28%;border-radius:70% 45% 65% 40%;background:linear-gradient(115deg,rgba(255,255,255,.08),rgba(255,255,255,.50),rgba(255,255,255,.05));filter:blur(1.2px);mix-blend-mode:screen;opacity:.8;transform-origin:35% 80%;animation:hbWingBeat .065s linear infinite alternate}
.hb-bee-swarm .hb-flying-bee:after{content:"";position:absolute;left:16%;top:31%;width:68%;height:45%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,240,169,.16),transparent 68%);filter:blur(5px);animation:hbBeeAuraFast 1.3s ease-in-out infinite}
.hb-bee-swarm .bee-a{animation:beePathA 19s linear infinite;animation-delay:-2s}
.hb-bee-swarm .bee-b{width:82px;height:58px;animation:beePathB 23s linear infinite;animation-delay:-11s;opacity:.9}
.hb-bee-swarm .bee-c{width:128px;height:90px;animation:beePathC 27s linear infinite;animation-delay:-17s;opacity:.76;filter:blur(.2px)}
.hb-bee-swarm .bee-d{width:68px;height:48px;animation:beePathD 21s linear infinite;animation-delay:-7s;opacity:.72}
.hb-bee-swarm .bee-e{width:96px;height:68px;animation:beePathE 25s linear infinite;animation-delay:-19s;opacity:.84}
.hb-bee-swarm .bee-f{width:74px;height:52px;animation:beePathF 31s linear infinite;animation-delay:-25s;opacity:.66}
.hb-bee-swarm .bee-g{width:115px;height:81px;animation:beePathG 29s linear infinite;animation-delay:-14s;opacity:.8}
@keyframes hbBeeFlutter{from{transform:translateY(-.8px) rotate(-1.2deg) skewX(-.5deg)}to{transform:translateY(1px) rotate(1.1deg) skewX(.7deg)}}
@keyframes hbWingBeat{from{transform:rotateX(8deg) rotateZ(-5deg) scaleY(.25);opacity:.36}to{transform:rotateX(58deg) rotateZ(8deg) scaleY(1);opacity:.95}}
@keyframes hbBeeBob{0%,100%{margin-top:-1px}50%{margin-top:2px}}
@keyframes hbBeeGlow{0%,100%{opacity:.32;transform:scale(.78)}50%{opacity:.88;transform:scale(1.12)}}
@keyframes hbBeeAuraFast{0%,100%{opacity:.08;transform:scale(.82)}50%{opacity:.42;transform:scale(1.08)}}
@keyframes beePathA{0%{transform:translate3d(-18vw,78vh,0) rotate(-10deg) scale(.82)}18%{transform:translate3d(8vw,53vh,0) rotate(8deg) scale(1)}34%{transform:translate3d(28vw,66vh,0) rotate(-6deg) scale(.94)}51%{transform:translate3d(49vw,43vh,0) rotate(11deg) scale(1.04)}69%{transform:translate3d(70vw,57vh,0) rotate(-9deg) scale(.92)}85%{transform:translate3d(91vw,35vh,0) rotate(7deg) scale(1.01)}100%{transform:translate3d(120vw,51vh,0) rotate(-5deg) scale(.8)}}
@keyframes beePathB{0%{transform:translate3d(112vw,74vh,0) scale(.8) rotate(9deg)}22%{transform:translate3d(82vw,48vh,0) scale(1) rotate(-6deg)}45%{transform:translate3d(61vw,69vh,0) scale(.88) rotate(8deg)}68%{transform:translate3d(36vw,51vh,0) scale(1.05) rotate(-10deg)}84%{transform:translate3d(17vw,30vh,0) scale(.92) rotate(5deg)}100%{transform:translate3d(-16vw,45vh,0) scale(.78) rotate(-8deg)}}
@keyframes beePathC{0%{transform:translate3d(-20vw,22vh,0) rotate(4deg) scale(.76)}25%{transform:translate3d(24vw,15vh,0) rotate(-8deg) scale(.9)}47%{transform:translate3d(54vw,28vh,0) rotate(5deg) scale(1.04)}68%{transform:translate3d(79vw,12vh,0) rotate(-6deg) scale(.84)}100%{transform:translate3d(119vw,25vh,0) rotate(9deg) scale(.72)}}
@keyframes beePathD{0%{transform:translate3d(112vw,18vh,0) rotate(-6deg) scale(.72)}27%{transform:translate3d(82vw,27vh,0) rotate(7deg) scale(.9)}55%{transform:translate3d(50vw,12vh,0) rotate(-4deg) scale(.82)}78%{transform:translate3d(22vw,24vh,0) rotate(8deg) scale(.98)}100%{transform:translate3d(-14vw,14vh,0) rotate(-7deg) scale(.7)}}
@keyframes beePathE{0%{transform:translate3d(-15vw,45vh,0) rotate(-8deg) scale(.86)}20%{transform:translate3d(17vw,61vh,0) rotate(5deg) scale(1)}40%{transform:translate3d(39vw,47vh,0) rotate(-4deg) scale(.9)}63%{transform:translate3d(67vw,63vh,0) rotate(9deg) scale(1.03)}82%{transform:translate3d(92vw,45vh,0) rotate(-5deg) scale(.9)}100%{transform:translate3d(117vw,59vh,0) rotate(7deg) scale(.78)}}
@keyframes beePathF{0%{transform:translate3d(118vw,87vh,0) rotate(8deg) scale(.7)}30%{transform:translate3d(84vw,73vh,0) rotate(-7deg) scale(.86)}57%{transform:translate3d(52vw,83vh,0) rotate(5deg) scale(.76)}80%{transform:translate3d(19vw,70vh,0) rotate(-8deg) scale(.92)}100%{transform:translate3d(-15vw,82vh,0) rotate(6deg) scale(.68)}}
@keyframes beePathG{0%{transform:translate3d(-17vw,88vh,0) rotate(-4deg) scale(.78)}23%{transform:translate3d(18vw,76vh,0) rotate(8deg) scale(.92)}48%{transform:translate3d(45vw,89vh,0) rotate(-6deg) scale(1)}71%{transform:translate3d(73vw,75vh,0) rotate(5deg) scale(.86)}100%{transform:translate3d(117vw,88vh,0) rotate(-8deg) scale(.72)}}
@media(max-width:800px){.hb-bee-swarm .bee-a{animation-duration:16s}.hb-bee-swarm .bee-b{animation-duration:20s}.hb-bee-swarm .bee-c{animation-duration:24s}.hb-bee-swarm .bee-d{animation-duration:18s}.hb-bee-swarm .bee-e{animation-duration:22s}.hb-bee-swarm .bee-f{animation-duration:26s}.hb-bee-swarm .bee-g{animation-duration:25s}.hb-bee-swarm .hb-flying-bee{transform-origin:center}.hb-bee-swarm .bee-c{width:92px;height:65px}.hb-bee-swarm .bee-e{width:76px;height:54px}}
@media(prefers-reduced-motion:reduce){.hb-bee-swarm{display:none!important}}

/* FINAL DARK HALF-BACKGROUND OVERLAY — keep hotel photo visible while adding a strong black gradient on the content side. */
body.hb-auth-page:before{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.70) 0%,
      rgba(0,0,0,.62) 22%,
      rgba(0,0,0,.48) 40%,
      rgba(0,0,0,.30) 55%,
      rgba(0,0,0,.12) 70%,
      rgba(0,0,0,0) 86%
    ),
    linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.22) 100%) !important;
}
@media(max-width:800px){
  body.hb-auth-page:before{
    background:
      linear-gradient(180deg,
        rgba(0,0,0,.58) 0%,
        rgba(0,0,0,.40) 42%,
        rgba(0,0,0,.22) 68%,
        rgba(0,0,0,.48) 100%
      ) !important;
  }
}

/* ================================================================
   HONEYBEE — LUXURY GOLD + BLACK AMBIENT OVERLAY
   Final visual pass requested: deeper black center, warm gold glow
   toward the edges/bottom, while preserving the hotel photograph.
   ================================================================ */
body.hb-auth-page:before{
  background:
    radial-gradient(ellipse 42% 34% at 10% 92%, rgba(224,164,24,.34) 0%, rgba(224,164,24,.16) 30%, rgba(0,0,0,0) 72%),
    radial-gradient(ellipse 34% 30% at 92% 86%, rgba(224,164,24,.28) 0%, rgba(224,164,24,.12) 34%, rgba(0,0,0,0) 76%),
    radial-gradient(ellipse 30% 24% at 88% 12%, rgba(214,151,13,.16) 0%, rgba(214,151,13,.06) 36%, rgba(0,0,0,0) 78%),
    linear-gradient(180deg,
      rgba(196,136,12,.16) 0%,
      rgba(0,0,0,.34) 18%,
      rgba(0,0,0,.66) 42%,
      rgba(0,0,0,.72) 62%,
      rgba(0,0,0,.52) 78%,
      rgba(202,146,18,.28) 100%
    ),
    linear-gradient(90deg,
      rgba(0,0,0,.38) 0%,
      rgba(0,0,0,.56) 35%,
      rgba(0,0,0,.48) 58%,
      rgba(0,0,0,.28) 78%,
      rgba(197,139,17,.14) 100%
    ) !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;
}

/* Subtle warm reflection behind the glass cards. */
.hb-auth-page .hb-card{
  box-shadow:
    0 28px 78px rgba(0,0,0,.52),
    0 0 0 1px rgba(232,177,44,.14),
    0 0 34px rgba(214,153,19,.12) !important;
}
.hb-auth-page .hb-brand-side{
  box-shadow:
    0 24px 65px rgba(0,0,0,.46),
    0 0 34px rgba(218,157,19,.08) !important;
}

/* Warm lower ambience, giving the page a gold-at-the-bottom finish. */
body.hb-auth-page:after{
  background:
    radial-gradient(ellipse 55% 22% at 50% 100%, rgba(244,190,52,.20), transparent 70%),
    radial-gradient(ellipse 25% 18% at 8% 88%, rgba(255,205,66,.14), transparent 72%),
    radial-gradient(ellipse 22% 16% at 92% 90%, rgba(255,202,55,.12), transparent 72%) !important;
  opacity:.92 !important;
}

@media(max-width:800px){
  body.hb-auth-page:before{
    background:
      radial-gradient(ellipse 70% 24% at 50% 96%, rgba(224,164,24,.28) 0%, rgba(224,164,24,.08) 40%, rgba(0,0,0,0) 76%),
      linear-gradient(180deg,
        rgba(196,136,12,.12) 0%,
        rgba(0,0,0,.40) 18%,
        rgba(0,0,0,.68) 48%,
        rgba(0,0,0,.58) 72%,
        rgba(202,146,18,.25) 100%
      ) !important;
  }
}