:root{
  --yvr-bg:#020713 !important;
  --yvr-bg-deep:#020713 !important;
  --yvr-panel:#0b1c3a !important;
  --yvr-panel-2:#0c2146 !important;
  --yvr-line:rgba(198,211,232,.33) !important;
  --yvr-line-soft:rgba(198,211,232,.18) !important;
  --yvr-text:#f5f7fc !important;
  --yvr-muted:#aeb9cc !important;
  --yvr-gold:#f4b954 !important;
  --yvr-gold-2:#ffd78d !important;
  --yvr-shadow:0 30px 90px rgba(0,0,0,.34) !important;
  --yvr-radius:26px !important;
}

*{box-sizing:border-box}
html,body{margin:0 !important;min-height:100% !important;background:var(--yvr-bg-deep) !important;color:var(--yvr-text)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;-webkit-font-smoothing:antialiased}
a{color:inherit !important;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}

.yvr-auth{
  position:relative !important;
  min-height:100svh !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 72% 20%,rgba(36,87,157,.16),transparent 33%),
    radial-gradient(circle at 39% 54%,rgba(29,69,125,.16),transparent 31%),
    linear-gradient(135deg,#03102a 0%,#020b1c 55%,#04132e 100%) !important;
}

.yvr-auth__grid{
  min-height:100svh !important;
  display:grid !important;
  grid-template-columns:minmax(520px,1fr) minmax(640px,1.07fr) !important;
}

/* LEFT HERO */
.yvr-story{
  position:relative !important;
  min-height:100svh !important;
  padding:34px 48px 38px !important;
  display:flex !important;
  flex-direction:column !important;
  isolation:isolate !important;
  overflow:hidden !important;
  border-right:1px solid rgba(185,202,227,.1) !important;
  background:
    radial-gradient(circle at 18% 10%,rgba(47,88,145,.2),transparent 28%),
    linear-gradient(180deg,rgba(6,24,56,.95),rgba(1,11,28,.96)) !important;
}
.yvr-story::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-4 !important;
  background:
    linear-gradient(124deg,transparent 0 36%,rgba(136,167,211,.07) 46%,transparent 59%),
    radial-gradient(ellipse at 28% 38%,rgba(73,102,148,.16),transparent 42%) !important;
}
.yvr-story::after{
  content:"" !important;
  position:absolute !important;
  z-index:-3 !important;
  width:560px !important;height:850px !important;
  right:-204px !important;top:-185px !important;
  border:1.5px solid rgba(240,171,59,.84) !important;
  border-left-color:transparent !important;
  border-bottom-color:transparent !important;
  border-radius:52% !important;
  transform:rotate(28deg) !important;
  filter:drop-shadow(0 0 10px rgba(242,171,58,.18)) !important;
}

.yvr-story__logo{width:220px !important;max-width:46vw !important;display:block !important;position:relative !important;z-index:4}
.yvr-story__copy{margin-top:auto !important;margin-bottom:38% !important;max-width:580px !important;position:relative !important;z-index:4}
.yvr-kicker{margin:0 0 14px !important;color:var(--yvr-gold) !important;font-size:14px !important;font-weight:700 !important;letter-spacing:.42em !important;text-transform:uppercase}
.yvr-story__title{font-family:Georgia,"Times New Roman",serif !important;font-weight:400 !important;font-size:clamp(48px,4.3vw,72px) !important;line-height:1.03 !important;letter-spacing:.035em !important;margin:0 !important;color:#f7f7f8 !important;text-shadow:0 8px 32px rgba(0,0,0,.24)}
.yvr-gem-rule{display:flex !important;align-items:center !important;gap:12px !important;width:300px !important;max-width:72% !important;margin:18px 0 18px}
.yvr-gem-rule::before,.yvr-gem-rule::after{content:"" !important;height:1.5px !important;flex:1 !important;background:linear-gradient(90deg,transparent,var(--yvr-gold),transparent)}
.yvr-gem-rule img{width:18px !important;height:18px !important;object-fit:contain}
.yvr-story__lead{font-family:Georgia,"Times New Roman",serif !important;margin:0 0 9px !important;font-size:21px !important;line-height:1.45 !important;color:#edf0f6}
.yvr-story__sub{margin:0 !important;color:#c7cfdb !important;font-size:16px !important;line-height:1.65 !important;max-width:490px}
.yvr-story__photo{
  position:absolute !important;
  z-index:-2 !important;
  left:0 !important;right:0 !important;bottom:116px !important;
  width:100% !important;height:44% !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:.98 !important;
  filter:saturate(.87) contrast(1.03) !important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.96) 21%,#000 100%) !important;
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.96) 21%,#000 100%) !important;
}
.yvr-story__photo-shade{position:absolute !important;z-index:-1 !important;left:0 !important;right:0 !important;bottom:100px !important;height:48% !important;background:linear-gradient(180deg,rgba(3,16,39,0) 0%,rgba(2,11,28,.14) 45%,rgba(2,11,28,.72) 100%) !important;pointer-events:none}
.yvr-benefits{margin-top:auto !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;position:relative !important;z-index:5 !important;border-top:1px solid rgba(255,255,255,.04) !important;padding-top:8px}
.yvr-benefit{text-align:center !important;padding:0 14px !important;min-height:86px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:8px !important;border-right:1px solid rgba(181,195,216,.28)}
.yvr-benefit:last-child{border-right:0}
.yvr-benefit svg{width:33px !important;height:33px !important;stroke:var(--yvr-gold-2) !important;fill:none !important;stroke-width:1.7}
.yvr-benefit span{font-family:Georgia,"Times New Roman",serif !important;font-size:14px !important;line-height:1.35 !important;color:#f1f1f3}

/* RIGHT */
.yvr-auth-main{min-height:100svh !important;padding:30px 56px 36px !important;display:flex !important;flex-direction:column !important;position:relative}
.yvr-trustbar{display:flex !important;align-items:center !important;justify-content:center !important;gap:34px !important;min-height:55px !important;color:#bec6d3 !important;font-size:14px !important;white-space:nowrap}
.yvr-trustbar__item{display:flex !important;align-items:center !important;gap:9px}
.yvr-trustbar svg{width:22px !important;height:22px !important;stroke:#d8dde7 !important;fill:none !important;stroke-width:1.8}
.yvr-trustbar__lang{margin-left:2px !important;padding-left:24px !important;border-left:1px solid rgba(190,202,220,.24) !important;color:#f8f8fa !important;font-weight:600}

.yvr-form-wrap{flex:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:14px 0 0}
.yvr-card{
  width:min(100%,660px) !important;
  position:relative !important;
  /* border:1px solid rgba(188,203,226,.40) !important; */
  /* border-radius:var(--yvr-radius) !important; */
  /* padding:36px 46px 32px !important; */
  background:transparent !important;
  /* box-shadow:inset 0 1px 0 rgba(255,255,255,.025),var(--yvr-shadow) !important; */
  /* backdrop-filter:blur(12px) !important; */
}
.yvr-card::before{content:"" !important;position:absolute !important;top:-1px !important;left:28% !important;right:28% !important;height:1px !important;background:linear-gradient(90deg,transparent,var(--yvr-gold),transparent)}
.yvr-card__mark{width:73px !important;height:54px !important;margin:0 auto 3px !important;display:block}
.yvr-card__title{font-family:Georgia,"Times New Roman",serif !important;font-weight:400 !important;text-align:center !important;font-size:47px !important;line-height:1.1 !important;margin:2px 0 8px !important;letter-spacing:.012em}
.yvr-card__subtitle{text-align:center !important;color:var(--yvr-muted) !important;margin:0 0 24px !important;font-size:15px}

.yvr-form{display:grid !important;gap:16px}
.yvr-field{display:grid !important;gap:8px}
.yvr-field label{font-weight:600 !important;color:#f2f4f8 !important;font-size:15px}
.yvr-input-shell{position:relative !important;display:flex !important;align-items:center !important;height:56px !important;border:1px solid rgba(181,197,219,.41) !important;border-radius:9px !important;background:linear-gradient(180deg,rgba(10,31,67,.76),rgba(6,24,54,.58)) !important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.yvr-input-shell:focus-within{border-color:rgba(244,185,84,.88) !important;box-shadow:0 0 0 3px rgba(244,185,84,.11) !important;background:rgba(10,31,67,.88)}
.yvr-input-shell svg{position:absolute !important;left:16px !important;width:23px !important;height:23px !important;stroke:#ccd5e3 !important;fill:none !important;stroke-width:1.65 !important;pointer-events:none}
.yvr-input-shell input{width:100% !important;height:100% !important;border:0 !important;outline:0 !important;background:transparent !important;color:#fff !important;padding:0 52px 0 54px !important;font-size:15px}
.yvr-input-shell input::placeholder{color:#8e9bb1}
.yvr-eye{position:absolute !important;right:13px !important;width:36px !important;height:36px !important;display:grid !important;place-items:center !important;border:0 !important;background:transparent !important;color:#cbd4e2 !important;padding:0 !important;border-radius:8px}
.yvr-eye:hover{background:rgba(255,255,255,.05)}
.yvr-eye svg{position:static !important;width:22px !important;height:22px}
.yvr-row{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;font-size:14px !important;color:#dce1e9 !important;margin-top:1px}
.yvr-check{display:inline-flex !important;align-items:center !important;gap:9px !important;cursor:pointer}
.yvr-check input{appearance:none !important;width:19px !important;height:19px !important;border:1px solid rgba(228,233,242,.58) !important;border-radius:3px !important;background:rgba(1,12,29,.42) !important;display:grid !important;place-content:center !important;margin:0}
.yvr-check input::before{content:"" !important;width:10px !important;height:6px !important;border-left:2px solid #071329 !important;border-bottom:2px solid #071329 !important;transform:rotate(-45deg) scale(0) !important;transition:.12s ease}
.yvr-check input:checked{background:linear-gradient(135deg,var(--yvr-gold-2),var(--yvr-gold)) !important;border-color:var(--yvr-gold)}
.yvr-check input:checked::before{transform:rotate(-45deg) scale(1)}
.yvr-forgot,.yvr-inline-link{color:var(--yvr-gold) !important;font-weight:500}
.yvr-forgot:hover,.yvr-inline-link:hover{text-decoration:underline}

.yvr-submit{height:58px !important;border:1px solid #f7c76f !important;border-radius:9px !important;background:linear-gradient(100deg,#e9ad4d 0%,#ffd998 48%,#e4a640 100%) !important;color:#071329 !important;font-weight:800 !important;font-size:17px !important;position:relative !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.54),0 9px 22px rgba(191,124,25,.13) !important;transition:transform .16s ease,filter .16s ease}
.yvr-submit:hover{filter:brightness(1.04) !important;transform:translateY(-1px)}
.yvr-submit:active{transform:translateY(0)}
.yvr-submit svg{position:absolute !important;right:20px !important;top:50% !important;transform:translateY(-50%) !important;width:23px !important;height:23px !important;stroke:#fff !important;fill:none !important;stroke-width:1.7}
.yvr-or{display:flex !important;align-items:center !important;gap:16px !important;color:#98a4b8 !important;font-size:14px !important;justify-content:center !important;margin-top:2px}
.yvr-or::before,.yvr-or::after{content:"" !important;height:1px !important;flex:1 !important;background:linear-gradient(90deg,transparent,rgba(170,184,205,.42),transparent)}
.yvr-mini-gem{display:grid !important;place-items:center !important;margin:-2px auto 0 !important;width:62px !important;height:62px !important;border-radius:50%}
.yvr-mini-gem img{width:38px !important;height:31px !important;filter:grayscale(1) brightness(1.7)}
.yvr-switch{text-align:center !important;font-family:Georgia,"Times New Roman",serif !important;font-size:17px !important;color:#e8eaf0 !important;margin-top:0}
.yvr-switch a{color:var(--yvr-gold) !important;margin-left:4px}
.yvr-switch a:hover{text-decoration:underline}
.yvr-ui-note{display:none}

/* decorative diamond outline */
.yvr-outline-gem{position:absolute !important;right:-22px !important;top:165px !important;width:125px !important;height:125px !important;opacity:.12 !important;z-index:-1 !important;transform:rotate(0deg)}
.yvr-spark{position:absolute !important;z-index:2 !important;right:29% !important;top:15% !important;width:4px !important;height:4px !important;border-radius:50% !important;background:#fff9df !important;box-shadow:0 0 6px #fff,0 0 14px #f4b954,0 0 28px #f4b954}
.yvr-spark::before,.yvr-spark::after{content:"" !important;position:absolute !important;left:50% !important;top:50% !important;background:linear-gradient(90deg,transparent,#ffd986,transparent) !important;transform:translate(-50%,-50%)}
.yvr-spark::before{width:50px !important;height:1px}.yvr-spark::after{width:1px !important;height:50px}

/* REGISTER: make fields slightly tighter to fit the reference height */
.yvr-auth--register .yvr-card{padding-top:30px !important;padding-bottom:27px}
.yvr-auth--register .yvr-card__title{font-size:45px}
.yvr-auth--register .yvr-card__subtitle{margin-bottom:19px}
.yvr-auth--register .yvr-form{gap:13px}
.yvr-auth--register .yvr-input-shell{height:52px}
.yvr-auth--register .yvr-submit{    height: 55px !important;
    align-items: center;
    justify-content: center;}

@media (max-width:1280px){
  .yvr-auth__grid{grid-template-columns:minmax(450px,.9fr) minmax(590px,1.1fr)}
  .yvr-story{padding-left:36px !important;padding-right:32px}
  .yvr-auth-main{padding-left:34px !important;padding-right:34px}
  .yvr-card{padding-left:36px !important;padding-right:36px}
  .yvr-trustbar{gap:22px !important;font-size:13px}
  .yvr-story__copy{margin-bottom:40%}
}

@media (max-width:1024px){
  .yvr-auth__grid{grid-template-columns:42% 58%}
  .yvr-story{padding:28px 24px}
  .yvr-story__title{font-size:45px}
  .yvr-story__lead{font-size:18px}
  .yvr-story__sub{font-size:14px}
  .yvr-benefit{padding:0 6px}.yvr-benefit span{font-size:12px}
  .yvr-auth-main{padding:22px 24px 28px}
  .yvr-trustbar{gap:15px}.yvr-trustbar__item span{display:none}.yvr-trustbar__lang{padding-left:14px}
  .yvr-card{padding:30px 30px 27px}
  .yvr-card__title{font-size:42px}
}

@media (max-width:820px){
    section.yvr-story{
        display:none !important;
    }
  .yvr-auth{min-height:100svh !important;background:linear-gradient(160deg,#061631,#020b1c 62%,#06142f)}
  .yvr-auth__grid{display:block !important;min-height:100svh}
  .yvr-story{display:none}
  .yvr-auth-main{min-height:100svh !important;padding:18px 18px 26px !important;display:block}
  .yvr-trustbar{min-height:auto !important;margin-bottom:12px !important;gap:19px}
  .yvr-trustbar__item:nth-child(2){display:none}
  .yvr-trustbar__item span{display:inline !important;font-size:11px}
  .yvr-trustbar__lang{display:none}
  .yvr-form-wrap{display:block !important;padding:0}
  .yvr-card{width:100% !important;max-width:590px !important;margin:0 auto !important;padding:27px 25px 26px !important;border-radius:22px !important;box-shadow:0 25px 70px rgba(0,0,0,.34)}
  .yvr-card__mark{width:61px !important;height:45px}
  .yvr-card__title{font-size:39px}
  .yvr-card__subtitle{font-size:14px !important;margin-bottom:20px}
  .yvr-outline-gem{display:none}
}

@media (max-width:520px){
  .yvr-auth-main{padding:13px 12px 18px}
  .yvr-auth-main::before{width:142px !important;height:46px !important;margin-bottom:8px}
  .yvr-trustbar{justify-content:center !important;margin:0 0 10px}.yvr-trustbar__item span{display:none}.yvr-trustbar svg{width:20px !important;height:20px}
  .yvr-card{padding:23px 18px 22px !important;border-radius:19px}
  .yvr-card__title{font-size:34px}
  .yvr-card__subtitle{font-size:13px !important;line-height:1.5}
  .yvr-form{gap:13px}
  .yvr-field{gap:7px}.yvr-field label{font-size:14px}
  .yvr-input-shell{height:51px}.yvr-input-shell input{font-size:14px !important;padding-left:50px}.yvr-input-shell svg{left:15px !important;width:21px !important;height:21px}
  .yvr-row{font-size:12.5px}.yvr-check{gap:7px}.yvr-check input{width:18px !important;height:18px}
  .yvr-submit{height:53px !important;font-size:16px}.yvr-submit svg{right:17px !important;width:21px}
  .yvr-mini-gem{width:55px !important;height:55px}.yvr-mini-gem img{width:34px}
  .yvr-switch{font-size:15px !important;line-height:1.45}
  .yvr-auth--register .yvr-card{padding:20px 16px 20px}
  .yvr-auth--register .yvr-card__title{font-size:32px}
  .yvr-auth--register .yvr-form{gap:10px}
  .yvr-auth--register .yvr-input-shell{height:48px}
}

@media (max-height:760px) and (min-width:821px){
  .yvr-auth-main{padding-top:15px !important;padding-bottom:18px}
  .yvr-trustbar{min-height:40px}
  .yvr-form-wrap{padding-top:5px}
  .yvr-card{padding-top:22px !important;padding-bottom:20px}
  .yvr-card__mark{height:43px}
  .yvr-card__title{font-size:39px !important;margin-top:0}
  .yvr-card__subtitle{margin-bottom:14px}
  .yvr-form{gap:11px}
  .yvr-input-shell{height:48px}
  .yvr-submit{height: 50px !important;
        align-items: center;
        justify-content: center;}
  .yvr-mini-gem{width:52px !important;height:52px}
  .yvr-story{padding-top:22px !important;padding-bottom:20px}
  .yvr-story__copy{margin-bottom:35%}
  .yvr-benefit{min-height:70px}
}


.yvr-submit{
        align-items: center;
        justify-content: center;
}