/* StoryHost Cosmos v2 — new brand artwork, scoped to login and registration. */
body:is(.shl-login-active,.shr-register-active){background:#eef5ff!important}
#storyhost-premium-login,#storyhost-premium-register{background:radial-gradient(ellipse at 72% 6%,#d8e8ff 0%,transparent 45%),#f0f6ff!important}
#storyhost-premium-login .shl-shell,#storyhost-premium-register .shl-shell{box-shadow:0 22px 64px rgba(9,44,121,.12)!important;background:white!important}
#storyhost-premium-login .shl-form-side,#storyhost-premium-register .shl-form-side{background:#fff!important}
#storyhost-premium-login .shl-submit,#storyhost-premium-register .shr-register-form .form-actions button[type=submit]{background:#1656f5!important;color:#fff!important;border-radius:12px!important;box-shadow:0 11px 24px rgba(20,80,234,.19)!important}
#storyhost-premium-login .shl-submit:hover,#storyhost-premium-register .shr-register-form .form-actions button[type=submit]:hover{background:#0944d8!important}
#storyhost-premium-login .shl-options input[type=checkbox]{accent-color:#1656f5!important}
#storyhost-premium-login .shl-cosmos-hero,#storyhost-premium-register .shl-cosmos-hero{background:radial-gradient(ellipse at 73% 25%,rgba(17,70,183,.38),transparent 55%),linear-gradient(145deg,#030a1e,#071d55 67%,#061027)!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;justify-content:flex-end!important;display:flex!important;flex-direction:column!important;min-height:630px!important;padding:34px!important}
#storyhost-premium-login .shl-cosmos-stars,#storyhost-premium-register .shl-cosmos-stars{position:absolute;inset:0;background-image:radial-gradient(#9dd5ff 1px,transparent 1.5px),radial-gradient(#87c6ff 1px,transparent 1.7px);background-size:124px 141px,193px 188px;background-position:23px 51px,95px 20px;opacity:.26;z-index:0;pointer-events:none}
#storyhost-premium-login .shl-cosmos-mascot,#storyhost-premium-register .shl-cosmos-mascot{position:absolute!important;z-index:1!important;top:0!important;right:0!important;width:100%!important;height:83%!important;max-width:none!important;object-fit:cover!important;object-position:center 25%!important;mix-blend-mode:normal!important;opacity:.98;mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 99%);pointer-events:none}
#storyhost-premium-login .shl-cosmos-orbit,#storyhost-premium-register .shl-cosmos-orbit{position:absolute;z-index:2;width:135%;max-width:none;height:auto;bottom:10%;right:-20%;opacity:.4;pointer-events:none;mix-blend-mode:screen}
#storyhost-premium-login .shl-cosmos-copy,#storyhost-premium-register .shl-cosmos-copy{position:relative;z-index:3;max-width:490px;align-self:flex-start;margin:auto 0 40px;text-align:right;background:linear-gradient(90deg,transparent,rgba(4,12,33,.72) 65%,rgba(3,12,30,.83));padding:22px 24px 26px;border-radius:18px;backdrop-filter:blur(3px)}
#storyhost-premium-login .shl-cosmos-eyebrow,#storyhost-premium-register .shl-cosmos-eyebrow{font:700 11px system-ui,Arial;letter-spacing:3px;color:#8cbcff;display:block;margin-bottom:14px;direction:ltr;text-align:right}
#storyhost-premium-login .shl-cosmos-eyebrow span,#storyhost-premium-register .shl-cosmos-eyebrow span{color:#2caaff}
#storyhost-premium-login .shl-cosmos-copy h2,#storyhost-premium-register .shl-cosmos-copy h2{font-size:clamp(27px,3.1vw,47px)!important;line-height:1.45!important;font-weight:900!important;color:#fff!important;margin:0 0 10px!important}
#storyhost-premium-login .shl-cosmos-copy p,#storyhost-premium-register .shl-cosmos-copy p{color:#c3d8fa!important;font-size:14px!important;line-height:2!important;margin:0!important}
#storyhost-premium-login .shl-cosmos-highlights,#storyhost-premium-register .shl-cosmos-highlights{position:relative;z-index:3;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;border:1px solid rgba(152,202,255,.4);border-radius:16px;padding:14px 12px;max-width:none;width:100%;background:linear-gradient(110deg,rgba(25,68,140,.79),rgba(13,43,109,.63));backdrop-filter:blur(12px);margin:0!important}
#storyhost-premium-login .shl-cosmos-highlights>div,#storyhost-premium-register .shl-cosmos-highlights>div{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-size:12px;font-weight:750;line-height:1.65;min-width:0;padding:0 6px}
#storyhost-premium-login .shl-cosmos-highlights>div+div,#storyhost-premium-register .shl-cosmos-highlights>div+div{border-right:1px solid rgba(176,210,255,.35)}
#storyhost-premium-login .shl-cosmos-highlights i,#storyhost-premium-register .shl-cosmos-highlights i{display:grid;place-items:center;background:rgba(75,135,241,.28);height:38px;width:38px;border-radius:12px;color:#ccedff;font-size:24px;font-style:normal;flex:none}
#storyhost-premium-login .shl-cosmos-highlights small,#storyhost-premium-register .shl-cosmos-highlights small{color:#a9c6ed;font-size:11px;font-weight:400}
#storyhost-premium-login .shl-brand img,#storyhost-premium-register .shl-brand img{max-width:168px}
#storyhost-premium-login .shl-intro h1,#storyhost-premium-register .shl-intro h1{color:#111f46!important}
@media(max-width:1150px){#storyhost-premium-login .shl-cosmos-copy,#storyhost-premium-register .shl-cosmos-copy{margin:auto 0 18px;padding:18px!important}#storyhost-premium-login .shl-cosmos-highlights i,#storyhost-premium-register .shl-cosmos-highlights i{height:28px;width:28px;font-size:17px}#storyhost-premium-login .shl-cosmos-highlights>div,#storyhost-premium-register .shl-cosmos-highlights>div{font-size:10px}}
@media(max-width:850px){#storyhost-premium-login .shl-cosmos-hero,#storyhost-premium-register .shl-cosmos-hero{position:relative!important;top:auto!important;min-height:410px!important;height:auto!important;padding:18px!important}#storyhost-premium-login .shl-cosmos-mascot,#storyhost-premium-register .shl-cosmos-mascot{width:100%!important;height:80%!important;top:0!important;right:0!important}#storyhost-premium-login .shl-cosmos-copy,#storyhost-premium-register .shl-cosmos-copy{max-width:450px;margin:155px 0 18px;padding:11px!important}#storyhost-premium-login .shl-cosmos-copy h2,#storyhost-premium-register .shl-cosmos-copy h2{font-size:25px!important}#storyhost-premium-login .shl-cosmos-copy p,#storyhost-premium-register .shl-cosmos-copy p{font-size:12px!important}}
@media(max-width:540px){#storyhost-premium-login .shl-cosmos-hero,#storyhost-premium-register .shl-cosmos-hero{min-height:430px!important;height:auto!important;margin:0 10px 12px!important}#storyhost-premium-login .shl-cosmos-copy,#storyhost-premium-register .shl-cosmos-copy{margin-top:178px!important}#storyhost-premium-login .shl-cosmos-highlights,#storyhost-premium-register .shl-cosmos-highlights{padding:9px 4px}#storyhost-premium-login .shl-cosmos-highlights>div,#storyhost-premium-register .shl-cosmos-highlights>div{font-size:9px;gap:4px;padding:0 3px}#storyhost-premium-login .shl-cosmos-highlights i,#storyhost-premium-register .shl-cosmos-highlights i{display:none}}


/* Registration v2: keep all account/billing details above submit */
#storyhost-premium-register .shr-register-form #frmCheckout{display:flex!important;flex-direction:column!important}
#storyhost-premium-register .shr-register-form #containerNewUserSignup{order:1!important}
#storyhost-premium-register .shr-register-form #containerNewUserSecurity{order:2!important}
#storyhost-premium-register .shr-register-form .shr-mobile-section{order:3!important}
#storyhost-premium-register .shr-register-form #shrBillingDetails{order:4!important}
#storyhost-premium-register .shr-register-form #shrExtraDetails{order:5!important}
#storyhost-premium-register .shr-register-form .form-actions{order:20!important}
#storyhost-premium-register .shr-register-form .shr-mobile-section{background:#f8fbff!important;border-color:#d9e7fb!important}
#storyhost-premium-register .shr-register-form .shl-otp-section{margin-top:13px!important;border-top:1px solid #deebfa;padding-top:13px}
#storyhost-premium-register .shr-register-form .shl-otp-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#storyhost-premium-register .shr-register-form .shl-send-otp,#storyhost-premium-register .shr-register-form .shl-verify-otp{background:#1559f7;color:#fff;border:0;border-radius:10px;padding:12px 19px;min-height:43px;font-weight:800;cursor:pointer;white-space:nowrap}
#storyhost-premium-register .shr-register-form .shl-send-otp:disabled{background:#dce6f8;color:#58749d;cursor:not-allowed}
#storyhost-premium-register .shr-register-form .shl-otp-code{width:130px!important;max-width:180px!important;height:43px!important;text-align:center!important;letter-spacing:3px}
#storyhost-premium-register .shr-register-form .shl-otp-status{font-size:11px;color:#7486a5;display:block;margin-top:9px}
#storyhost-premium-register .shr-register-form details.shr-progressive{border-color:#e2eaf7;background:#fff!important}
#storyhost-premium-register .shr-register-form details.shr-progressive summary{background:#f8fbff}
#storyhost-premium-register .shr-register-form :is(input.form-control,select.form-control,textarea.form-control):focus{border-color:#1560f7!important;box-shadow:0 0 0 3px rgba(27,100,250,.10)!important}

/* StoryHost Auth 2.1 — no halo artwork, sticky brand column, native mobile field layout */
#storyhost-premium-login .shl-cosmos-orbit,
#storyhost-premium-register .shl-cosmos-orbit{display:none!important}
@media(min-width:851px){
  #storyhost-premium-login .shl-shell,
  #storyhost-premium-register .shl-shell{overflow:visible!important;align-items:start!important}
  #storyhost-premium-register .shl-cosmos-hero,
  #storyhost-premium-login .shl-cosmos-hero{
    position:sticky!important;
    top:18px!important;
    align-self:start!important;
    height:calc(100svh - 36px)!important;
    min-height:min(620px,calc(100svh - 36px))!important;
    max-height:920px!important;
    overflow:hidden!important;
  }
  #storyhost-premium-register .shl-form-side{align-self:stretch!important;min-height:0!important}
}
/* Field #50 is the original SMS/notification number; #51 is its consent toggle. */
#storyhost-premium-register .shr-register-form .shr-mobile-section .section-body{min-width:0!important}
#storyhost-premium-register .shr-register-form .shr-mobile-primary .shr-mobile-verify-inline{
  display:flex!important; flex-direction:row!important; flex-wrap:nowrap!important;
  direction:ltr!important;align-items:stretch!important;gap:0!important;
  width:100%!important;min-height:56px!important;border:1px solid #dce6f7!important;
  border-radius:12px!important;background:#fff!important;overflow:visible!important;
}
#storyhost-premium-register .shr-register-form .shr-mobile-primary .shr-mobile-country-prefix{
  direction:ltr!important;display:inline-flex!important;flex-direction:row!important;
  justify-content:center!important;align-items:center!important;flex:0 0 96px!important;
  gap:7px!important;min-width:96px!important;white-space:nowrap!important;
  font:700 13px Arial,Tahoma,sans-serif!important;color:#29416a!important;
  border-right:1px solid #e3e9f4!important;background:#f7faff!important;
  border-radius:11px 0 0 11px!important;padding:0 8px!important;
}
#storyhost-premium-register .shr-register-form .shr-mobile-primary .shr-iran-flag{line-height:1!important;font-size:19px!important}
#storyhost-premium-register .shr-register-form .shr-mobile-primary .shr-mobile-primary-input{
  display:flex!important;min-width:0!important;flex:1 1 auto!important;align-items:center!important;
}
#storyhost-premium-register .shr-register-form .shr-mobile-primary input[name="customfield[50]"],
#storyhost-premium-register .shr-register-form .shr-mobile-primary input[name^="customfield["]{
  min-width:0!important;width:100%!important;flex:1 1 auto!important;
  direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important;
  margin:0!important;min-height:54px!important;height:54px!important;
  padding:0 16px!important;border:none!important;box-shadow:none!important;
  border-radius:0 11px 11px 0!important;background:#fff!important;
  font:500 15px Arial,Tahoma,sans-serif!important;
}
#storyhost-premium-register .shr-register-form .shr-mobile-primary .shr-mobile-primary-input .intl-tel-input{
  min-width:0!important;width:100%!important;direction:ltr!important;display:block!important;
}
/* In case a telephone widget is attached, avoid double flag / country selectors. */
#storyhost-premium-register .shr-register-form .shr-mobile-primary .shr-mobile-primary-input .intl-tel-input .flag-container{display:none!important}
#storyhost-premium-register .shr-register-form .shr-mobile-primary .shr-mobile-primary-input .intl-tel-input input{padding-left:16px!important}
#storyhost-premium-register .shr-register-form .shr-mobile-section .shr-sms-consent{
  display:block!important;margin-top:16px!important;padding:15px 3px 2px!important;
  border-top:1px solid #e7edf7!important;
}
#storyhost-premium-register .shr-register-form .shr-mobile-section .shr-sms-consent .checkbox,
#storyhost-premium-register .shr-register-form .shr-mobile-section .shr-sms-consent .checkbox label{
  display:flex!important;flex-direction:row!important;gap:9px!important;
  align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;
}
#storyhost-premium-register .shr-register-form .shr-mobile-section .shr-sms-consent .help-block{padding-right:30px!important}
#storyhost-premium-register .shr-register-form #shrBillingDetails{order:4!important}
#storyhost-premium-register .shr-register-form #shrBillingDetails[open]>.shr-progressive-content{display:block!important}
#storyhost-premium-register .shr-register-form .shl-otp-section{display:none!important}
@media(max-width:850px){
  #storyhost-premium-register .shl-cosmos-hero,
  #storyhost-premium-login .shl-cosmos-hero{position:relative!important;top:auto!important;max-height:none!important}
}
@media(max-width:540px){
  #storyhost-premium-register .shr-register-form .shr-mobile-primary .shr-mobile-verify-inline{flex-direction:row!important;align-items:stretch!important}
  #storyhost-premium-register .shr-register-form .shr-mobile-primary .shr-mobile-country-prefix{min-width:80px!important;flex-basis:80px!important;padding:0 5px!important}
}

/* StoryHost Auth — v2.1.1: align text to the right while keeping LTR input direction. */
#storyhost-premium-register .shr-register-form input[type=email],
#storyhost-premium-register .shr-register-form input[type=tel],
#storyhost-premium-register .shr-register-form input[type=password] {
    direction: ltr !important;
    text-align: right !important;
}