/* Cute BILLingsly authentication experience */
#betaAuthGate{
  background:
    radial-gradient(circle at 15% 10%,rgba(120,73,255,.30),transparent 28%),
    radial-gradient(circle at 86% 16%,rgba(34,151,255,.18),transparent 28%),
    radial-gradient(circle at 50% 100%,rgba(255,77,154,.12),transparent 34%),
    linear-gradient(180deg,#070b14 0%,#0a1020 100%)!important;
  padding:22px!important;
  overflow:auto;
}
#betaAuthGate:before,#betaAuthGate:after{content:"✦";position:fixed;z-index:100001;color:#9f85ff;opacity:.8;pointer-events:none;animation:billAuthTwinkle 2.8s ease-in-out infinite}
#betaAuthGate:before{left:10%;top:18%;font-size:24px}
#betaAuthGate:after{right:12%;bottom:19%;font-size:18px;animation-delay:1.1s}
@keyframes billAuthTwinkle{0%,100%{transform:scale(.8) rotate(0);opacity:.35}50%{transform:scale(1.18) rotate(12deg);opacity:1}}
#betaAuthCard{
  position:relative;
  width:min(470px,100%)!important;
  border-radius:30px!important;
  padding:26px 26px 24px!important;
  background:
    radial-gradient(circle at 95% 0%,rgba(124,75,255,.16),transparent 34%),
    linear-gradient(180deg,#111a2a 0%,#0b1321 100%)!important;
  border:1px solid rgba(124,102,255,.62)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.56),0 0 55px rgba(102,67,255,.13)!important;
  overflow:hidden;
}
#betaAuthCard:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-110px;top:-90px;background:radial-gradient(circle,#7041ff 0%,rgba(112,65,255,.08) 67%,transparent 72%);pointer-events:none}
#betaAuthCard>h1{position:relative;z-index:2;text-align:center!important;font-size:31px!important;letter-spacing:-1px!important;margin:5px 0 5px!important;background:linear-gradient(90deg,#fff,#d5c9ff 50%,#9ed8ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
#betaAuthTitle{position:relative;z-index:2;text-align:center!important;color:#dce5f2!important;font-size:20px!important;font-weight:850!important;line-height:1.25!important;margin:0 auto 17px!important;max-width:360px}
.billAuthMascot{position:relative;z-index:2;width:118px;height:104px;margin:0 auto 8px;animation:billAuthFloat 4s ease-in-out infinite}
@keyframes billAuthFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
.billAuthHead{position:absolute;left:19px;top:15px;width:80px;height:67px;border-radius:28px 28px 25px 25px;background:linear-gradient(145deg,#edf5ff,#9fc8ff 52%,#7d65f7 100%);border:3px solid #6d76e9;box-shadow:inset 0 0 0 4px rgba(255,255,255,.28),0 10px 28px rgba(62,72,190,.28)}
.billAuthFace{position:absolute;inset:12px 10px 10px;border-radius:20px;background:linear-gradient(180deg,#142449,#0e1932);border:2px solid #4b66c9}
.billAuthEye{position:absolute;top:15px;width:12px;height:16px;border-radius:50%;background:#62ddff;box-shadow:0 0 12px #57d9ff}.billAuthEye.left{left:13px}.billAuthEye.right{right:13px}
.billAuthSmile{position:absolute;width:25px;height:11px;border:2px solid #8effd6;border-top:0;border-left-color:transparent;border-right-color:transparent;border-radius:0 0 20px 20px;left:17px;bottom:9px}
.billAuthAntenna{position:absolute;left:57px;top:0;width:4px;height:18px;border-radius:4px;background:#8472ff}.billAuthAntenna:after{content:"";position:absolute;left:-4px;top:-5px;width:12px;height:12px;border-radius:50%;background:#8b78ff;box-shadow:0 0 16px #8f7aff}
.billAuthEar{position:absolute;top:36px;width:15px;height:25px;border-radius:10px;background:#7e72ed}.billAuthEar.left{left:8px}.billAuthEar.right{right:8px}
.billAuthBody{position:absolute;left:35px;top:76px;width:48px;height:26px;border-radius:14px 14px 18px 18px;background:linear-gradient(145deg,#719cf5,#7b55ec);border:2px solid #7267df}
.billAuthSpark{position:absolute;color:#b8a6ff;font-weight:900}.billAuthSpark.s1{left:3px;top:4px;font-size:18px}.billAuthSpark.s2{right:0;top:18px;font-size:14px;color:#75d9ff}.billAuthSpark.s3{right:10px;bottom:3px;font-size:12px;color:#ff8dc8}
.billAuthWelcome{position:relative;z-index:2;text-align:center;color:#9fadc1;font-size:14px;line-height:1.45;margin:-2px auto 13px;max-width:340px}
#betaAuthCard input{position:relative;z-index:2;min-height:54px!important;margin:8px 0!important;padding:14px 15px!important;border-radius:16px!important;border:1px solid #344b6f!important;background:#0c1728!important;color:#fff!important;font-size:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;transition:.18s ease!important}
#betaAuthCard input:focus{border-color:#8672ff!important;box-shadow:0 0 0 4px rgba(125,96,255,.14)!important}
#betaAuthCard input::placeholder{color:#73839a!important}
.billAuthRemember{position:relative;z-index:2;display:flex;align-items:center;gap:11px;margin:7px 2px 4px;padding:10px 12px;border:1px solid #2e4362;border-radius:14px;background:#0d1828;color:#dce5f2;cursor:pointer;text-transform:none!important;letter-spacing:0!important}
#betaAuthCard .billAuthRemember input{appearance:none;-webkit-appearance:none;width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;margin:0!important;padding:0!important;border:1px solid #526987!important;border-radius:6px!important;background:#0a1422!important;box-shadow:none!important;cursor:pointer}
#betaAuthCard .billAuthRemember input:checked{background:linear-gradient(135deg,#2f86ef,#7c49f5)!important;border-color:#8c7aff!important;box-shadow:0 0 0 3px rgba(125,96,255,.12)!important}
#betaAuthCard .billAuthRemember input:checked:after{content:"✓";display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:13px;font-weight:950;line-height:1}
.billAuthRemember span{display:grid;gap:2px}.billAuthRemember b{font-size:13px;color:#edf2f9}.billAuthRemember small{font-size:11px;color:#8797ad;font-weight:600}
#betaAuthCard button{position:relative;z-index:2;min-height:50px!important;border-radius:15px!important;font-size:15px!important;font-weight:900!important;letter-spacing:.01em!important}
#betaAuthPrimary{background:linear-gradient(90deg,#2f86ef,#7c49f5)!important;color:#fff!important;box-shadow:0 10px 25px rgba(91,74,247,.26)!important}
#betaAuthSecondary{background:#111e31!important;color:#e9eef7!important;border:1px solid #354b6d!important}
#betaAuthLink{min-height:auto!important;padding:8px!important;margin-top:5px!important;background:transparent!important;color:#a99bff!important;font-size:13px!important;box-shadow:none!important}
#billingslyAuthBack{background:transparent!important;border:1px solid #344863!important;color:#aab7c9!important;min-height:46px!important}
#billingslyFreeAccountNote{position:relative;z-index:2!important;border-radius:15px!important;border:1px solid #344f73!important;background:linear-gradient(145deg,#101d30,#0d1728)!important;color:#b9c7d9!important;font-size:13px!important;line-height:1.45!important}
#betaAuthMsg{position:relative;z-index:2;min-height:22px!important;margin-top:10px!important;padding:0 4px;color:#ffd67d!important;font-size:13px!important;text-align:center}
#betaAuthCard .betaAuthSmall{position:relative;z-index:2;text-align:center!important;color:#72849c!important;font-size:11px!important;line-height:1.4!important;margin:12px 0 0!important}
.billAuthTrust{position:relative;z-index:2;display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:12px 0 2px}.billAuthTrust span{border:1px solid #2a3f5d;border-radius:999px;background:#0d1828;padding:6px 9px;color:#8294aa;font-size:10.5px;font-weight:750}
.billAuthResetSuccess{position:relative;z-index:2;padding:15px;border:1px solid #2d6b5c;border-radius:16px;background:#0e2b25;color:#86e8c6;text-align:center;font-size:14px;line-height:1.5;margin:8px 0 4px}
#betaAuthGate[data-auth-mode="forgot"] #betaAuthPassword{display:none!important}
#betaAuthGate[data-auth-mode="forgot"] #betaAuthLink{display:none!important}
@media(max-width:520px){#betaAuthGate{padding:0!important;align-items:stretch!important}#betaAuthCard{width:100%!important;min-height:100vh!important;border-radius:0!important;border-left:0!important;border-right:0!important;padding:24px 18px 28px!important;display:flex;flex-direction:column;justify-content:center}#betaAuthCard:before{right:-125px}.billAuthMascot{width:105px;height:95px;transform:scale(.92)}#betaAuthCard>h1{font-size:29px!important}#betaAuthTitle{font-size:19px!important}.billAuthWelcome{font-size:13px}}