html.auth-demo-open,html.auth-demo-open body{overflow:hidden!important}
#auth-demo-dialog{box-sizing:border-box;position:fixed;inset:0;z-index:21000;width:min(430px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 30px);margin:auto;padding:0;border:2px solid #4a39ad;border-radius:14px;overflow-x:hidden;overflow-y:auto;background:#080229;color:#d6d0ff;font:14px/1.5 Arial,sans-serif;box-shadow:0 15px 65px #0009;scrollbar-width:thin;scrollbar-color:#68518d #160c31;color-scheme:dark}
#auth-demo-dialog:not([open]){display:none}
#auth-demo-dialog::backdrop{background:#0009}
#auth-demo-dialog *{box-sizing:border-box}
#auth-demo-dialog [hidden]{display:none!important}
#auth-demo-dialog button,#auth-demo-dialog input{font-family:inherit}
#auth-demo-dialog button{cursor:pointer}
#auth-demo-dialog button:focus-visible,#auth-demo-dialog input:focus-visible{outline:2px solid #1babff;outline-offset:3px}
#auth-demo-dialog .auth-demo-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#auth-demo-dialog .auth-demo-content{position:relative;padding:14px 20px 12px}
#auth-demo-dialog .auth-demo-close{position:absolute;z-index:1;top:8px;right:10px;display:grid;place-items:center;width:26px;height:26px;margin:0;padding:0;border:0;background:transparent;color:#a797d0;font-size:25px;font-weight:300;line-height:1}
#auth-demo-dialog .auth-demo-close:hover{color:#fff}
#auth-demo-dialog .auth-demo-tabs{display:flex;margin:6px 16px 24px;padding:0;border-bottom:1px solid #2a174f}
#auth-demo-dialog .auth-demo-tabs button{position:relative;flex:1;padding:13px 0 18px;border:0;background:transparent;color:#d6d0ff;font-size:18px;font-weight:400;line-height:1.4}
#auth-demo-dialog .auth-demo-tabs button[aria-selected=true]{color:#0c97f6}
#auth-demo-dialog .auth-demo-tabs button[aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:50%;width:36px;height:3px;border-radius:3px;background:#0c97f6;transform:translateX(-50%)}
#auth-demo-dialog .auth-demo-field{margin-bottom:18px}
#auth-demo-dialog .auth-demo-input-wrap{display:flex;align-items:center;min-height:54px;padding:0 12px;border:1px solid transparent;border-radius:6px;background:#4c3ab0;transition:border-color .15s}
#auth-demo-dialog .auth-demo-input-wrap:focus-within{border-color:#7361a9}
#auth-demo-dialog .auth-demo-input-wrap:has([aria-invalid=true]){border-color:#eb8398}
#auth-demo-dialog .auth-demo-icon{display:block;flex:0 0 25px;width:25px;height:25px;color:#d6d0ff}
#auth-demo-dialog .auth-demo-input-wrap>.auth-demo-icon{margin-right:10px}
#auth-demo-dialog .auth-demo-country{display:flex;align-items:center;gap:8px;flex:0 0 auto;align-self:stretch;padding-right:10px;margin:12px 8px 12px 0;border-right:1px solid #6a5183;color:#ddd3e7;font-size:14px}
#auth-demo-dialog .auth-demo-country-arrow{color:#ab98cc;font-size:16px;line-height:1}
#auth-demo-dialog input{display:block;flex:1;min-width:0;width:100%;height:52px;margin:0;padding:8px 0;border:0;border-radius:0;background:transparent;color:#e1d7ed;font-size:14px;line-height:1.4;outline:none;box-shadow:none}
#auth-demo-dialog input:focus-visible{outline:none}
#auth-demo-dialog input::placeholder{color:#a493ca;opacity:1;font-size:13px}
#auth-demo-dialog #auth-demo-phone::placeholder{color:#b9aace;letter-spacing:1px;font-size:14px}
#auth-demo-dialog .auth-demo-reveal{display:grid;place-items:center;flex:0 0 28px;width:28px;height:40px;margin:0 0 0 6px;padding:0;border:0;background:transparent;color:#bea9d6}
#auth-demo-dialog .auth-demo-reveal[aria-pressed=true] .auth-demo-icon{color:#e0d5f2}
#auth-demo-dialog .auth-demo-error{margin:5px 0 0;color:#ff9dae;font-size:11px;line-height:1.5}
#auth-demo-dialog .auth-demo-invite-toggle{display:flex;align-items:center;gap:5px;margin:1px 0 11px;padding:0;border:0;background:transparent;color:#c3b7d7;font-size:13px;line-height:1.5}
#auth-demo-dialog .auth-demo-invite-toggle>span:first-child{color:#796689;font-size:11px}
#auth-demo-dialog .auth-demo-chevron{display:inline-block;width:15px;margin-left:3px;color:#9378b1;font-size:18px;line-height:16px;transition:transform .15s}
#auth-demo-dialog .auth-demo-invite-toggle[aria-expanded=false] .auth-demo-chevron{transform:rotate(180deg)}
#auth-demo-dialog .auth-demo-agreement{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:4px 0 22px;color:#996265;font-size:10px;line-height:1.6}
#auth-demo-dialog .auth-demo-check{display:grid;place-items:center;width:15px;height:15px;margin-right:3px;border-radius:50%;background:#7455aa;color:#14062d;font-size:11px;font-weight:700}
#auth-demo-dialog .auth-demo-privacy{color:#f4b559}
#auth-demo-dialog .auth-demo-submit-wrap{position:relative;margin-top:24px}
#auth-demo-dialog .auth-demo-submit{display:block;width:100%;min-height:58px;margin:0;padding:15px 16px;border:0;border-radius:6px;background:linear-gradient(180deg,#4a39ad,#251e5e);color:#cfcaf2;font-size:16px;font-weight:400;line-height:1.4;box-shadow:inset 0 1px 0 #b393e629}
#auth-demo-dialog .auth-demo-submit:hover{filter:brightness(1.1)}
#auth-demo-dialog .auth-demo-submit:active{transform:translateY(1px)}
#auth-demo-dialog .auth-demo-gift{position:absolute;right:0;top:-16px;display:flex;align-items:center;justify-content:center;width:52px;height:42px;pointer-events:none;background:url("assets/gift-bg-original.webp") center/100% 100% no-repeat;animation:auth-demo-gift-bob 1.6s ease-in-out infinite}
#auth-demo-dialog .auth-demo-gift img{display:block;width:32px;height:32px;object-fit:contain;transform:translateY(-3px)}
#auth-demo-dialog .auth-demo-result{margin:15px 0 0;padding:10px 12px;border:1px solid #7961a8;border-radius:6px;background:#291251;color:#d9c6f5;font-size:11px;line-height:1.65}
#auth-demo-dialog .auth-demo-result:focus{outline:none}
#auth-demo-dialog .auth-demo-quick-login{text-align:center;margin:20px 0 0}
#auth-demo-dialog .auth-demo-quick-login>p{display:flex;align-items:center;gap:11px;margin:0 0 10px;color:#888;font-size:14px}
#auth-demo-dialog .auth-demo-quick-login>p::before,#auth-demo-dialog .auth-demo-quick-login>p::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#080229,#888)}
#auth-demo-dialog .auth-demo-quick-login>p::after{transform:rotate(180deg)}
#auth-demo-dialog .auth-demo-google{display:grid;place-items:center;width:38px;height:38px;margin:0 auto;padding:7px;border:0;border-radius:50%;background:#fff}
#auth-demo-dialog .auth-demo-google svg{display:block;width:23px;height:23px}
#auth-demo-dialog .auth-demo-language{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:16px 0 0;color:#b5a7c7;font-size:12px}
#auth-demo-dialog .auth-demo-language svg{display:block;width:20px;height:14px;border:1px solid #67577e;border-radius:2px}
@keyframes auth-demo-gift-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@media(max-width:380px){#auth-demo-dialog{width:calc(100vw - 24px)}#auth-demo-dialog .auth-demo-content{padding:13px 16px 11px}#auth-demo-dialog .auth-demo-country{gap:6px;padding-right:7px;margin-right:7px}#auth-demo-dialog .auth-demo-country .auth-demo-icon{width:21px;flex-basis:21px}}
@media(max-height:700px){#auth-demo-dialog .auth-demo-content{padding-top:8px}#auth-demo-dialog .auth-demo-tabs{margin-bottom:17px}#auth-demo-dialog .auth-demo-field{margin-bottom:12px}#auth-demo-dialog .auth-demo-agreement{margin-bottom:17px}#auth-demo-dialog .auth-demo-submit-wrap{margin-top:16px}#auth-demo-dialog .auth-demo-quick-login{margin-top:13px}#auth-demo-dialog .auth-demo-language{margin-top:10px}#auth-demo-dialog .auth-demo-input-wrap{min-height:46px}#auth-demo-dialog input{height:44px}#auth-demo-dialog .auth-demo-country{margin-block:8px}#auth-demo-dialog .auth-demo-submit{min-height:48px}}
@media(prefers-reduced-motion:reduce){#auth-demo-dialog .auth-demo-gift{animation:none}}
