.auth-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(5,3,12,.78);backdrop-filter:blur(14px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.auth-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
.auth-dialog{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;width:min(100%,960px);max-height:min(92dvh,760px);min-height:620px;overflow:auto;padding:0;border:1px solid rgba(196,181,253,.2);border-radius:24px;background:#0b0a0e;box-shadow:0 30px 100px rgba(0,0,0,.65),0 0 45px rgba(124,92,255,.12);transform:translateY(14px) scale(.985);transition:transform .22s ease}
.auth-backdrop.open .auth-dialog{transform:none}
.auth-aside{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:620px;overflow:hidden;padding:28px;background:radial-gradient(ellipse at 90% 90%,rgba(126,26,170,.3),transparent 58%),linear-gradient(145deg,#160b28,#100817 68%,#071114);border-right:1px solid rgba(255,255,255,.06)}
.auth-aside:before{position:absolute;inset:0;content:"";pointer-events:none;opacity:.19;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent)}
.auth-brand,.auth-welcome,.auth-benefits{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:11px;width:max-content;color:#fff;text-decoration:none;font-size:20px;font-weight:900;letter-spacing:-.04em}.auth-brand img{width:33px;height:33px;object-fit:contain}.auth-welcome{margin:auto 0;padding:38px 0}.auth-eyebrow{color:#fa81c5;font-size:10px;font-weight:900;letter-spacing:.18em}.auth-welcome h2{margin:12px 0 13px;color:#fff;font-size:clamp(27px,3vw,36px);line-height:1.06;letter-spacing:-.05em}.auth-welcome h2 em{color:#c88aff;font-style:normal}.auth-welcome p{max-width:330px;margin:0;color:#aaa1b5;font-size:14px;line-height:1.7}.auth-benefits{padding:16px;border:1px solid rgba(196,120,255,.18);border-radius:18px;background:rgba(8,5,15,.68);box-shadow:0 15px 50px #0005}.auth-benefit-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#ead7ff}.auth-crown{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,#b42cff,#7819e4);font-size:21px}.auth-free{margin-left:auto;padding:4px 8px;border-radius:20px;background:#542080;color:#e9c6ff;font-size:9px;font-weight:900}.auth-benefits>div:not(.auth-benefit-head){display:flex;align-items:center;gap:10px;margin-top:7px;padding:9px 10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#ffffff08;color:#c4bbc9;font-size:11px}.auth-benefits>div:not(.auth-benefit-head) i{color:#c68aff;font-style:normal}
.auth-content{align-self:center;padding:48px 46px}.auth-content .auth-mark{margin-bottom:20px}.auth-content .auth-mark i{background:#df4f92;box-shadow:0 0 14px #df4f92}
.auth-close{position:absolute;top:15px;right:15px;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.04);color:#d9d4e8;font-size:20px;cursor:pointer}
.auth-mark{display:flex;align-items:center;gap:9px;margin-bottom:22px;color:#d9caff;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:none}
.auth-mark i{width:7px;height:7px;border-radius:50%;background:#b58bff;box-shadow:0 0 14px #9b6cff}
.auth-content h2{margin:0 35px 7px 0;color:#fbfaff;font-family:inherit;font-size:27px;font-weight:850;line-height:1.2;letter-spacing:-.04em}
.auth-subtitle{margin:0 0 23px;color:#a9a1ba;font-size:13px;line-height:1.6}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:18px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(0,0,0,.2)}
.auth-tabs button{height:36px;border:0;border-radius:9px;background:transparent;color:#938aa8;font-size:12px;font-weight:700;cursor:pointer}
.auth-tabs button.active{background:#282039;color:#f2eaff;box-shadow:inset 0 0 0 1px rgba(196,181,253,.13)}
.auth-field{display:grid;gap:7px;margin:13px 0}
.auth-field label{color:#c5bed3;font-size:11px;font-weight:700}
.auth-field input{width:100%;height:45px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:11px;outline:0;background:rgba(7,5,12,.62);color:#f8f5ff;font:500 13px 'Inter',sans-serif;transition:border-color .18s,box-shadow .18s}
.auth-field input:focus{border-color:#a78bfa;box-shadow:0 0 0 3px rgba(167,139,250,.12)}
.auth-primary{width:100%;height:45px;margin-top:9px;border:1px solid rgba(221,203,255,.35);border-radius:12px;background:linear-gradient(110deg,#8b5cf6,#a855f7 60%,#c084fc);color:white;font-size:13px;font-weight:800;box-shadow:0 10px 28px -16px #a855f7;cursor:pointer;transition:transform .18s,filter .18s}
.auth-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}
.auth-primary:disabled{opacity:.65;cursor:wait;transform:none}
.auth-social:disabled{opacity:.55;cursor:not-allowed}
.auth-separator{display:flex;align-items:center;gap:11px;margin:18px 0;color:#756d85;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:none}
.auth-separator:before,.auth-separator:after{content:'';height:1px;flex:1;background:rgba(255,255,255,.08)}
.auth-socials{display:grid;grid-template-columns:1fr;gap:9px}
.auth-social{display:flex;align-items:center;justify-content:center;gap:11px;min-height:48px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055);color:#eee9f7;font-size:13px;font-weight:750;cursor:pointer;transition:background .18s,border-color .18s}
.auth-social:hover:not(:disabled){border-color:rgba(196,181,253,.38);background:rgba(196,181,253,.08)}
.auth-social b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;font-size:16px}.auth-google-mark svg{display:block;width:21px;height:21px}.auth-telegram-mark{background:#dce5f0;color:#25202d;font-size:11px!important}
.auth-google-widget{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055);transition:background .18s,border-color .18s}
.auth-google-widget:hover{border-color:rgba(196,181,253,.38);background:rgba(196,181,253,.08)}
.auth-google-widget iframe{display:block;max-width:100%!important;border-radius:12px}
.auth-social[hidden],.auth-google-widget[hidden],#auth-telegram-widget[hidden]{display:none!important}
.auth-switch{margin:17px 0 0;color:#787185;font-size:12px;text-align:center}.auth-switch button{padding:0;border:0;background:none;color:#f4edff;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.auth-message{min-height:20px;margin:12px 0 0;color:#c3b9d2;font-size:12px;line-height:1.5}
.auth-message.error{color:#ff9eae}.auth-message.success{color:#9ee6c2}
.auth-field[hidden],.auth-resend[hidden]{display:none!important}
.auth-verification .auth-switch{display:none}
.auth-resend{display:block;margin:10px auto 0;padding:4px;border:0;background:transparent;color:#d2b6ff;font:700 11px 'Inter',sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.auth-resend:disabled{opacity:.55;cursor:wait}
.auth-footnote{margin:18px 0 0;color:#736b82;font-size:10px;line-height:1.55;text-align:center}
.auth-back{display:none;margin-top:13px;padding:0;border:0;background:none;color:#cdb8ff;font-size:12px;font-weight:700;cursor:pointer}
.auth-verification .auth-tabs,.auth-verification .auth-socials,.auth-verification .auth-separator{display:none}
.auth-verification .auth-back{display:block}
.auth-profile{position:fixed;right:22px;top:68px;z-index:100;display:none;width:min(300px,calc(100vw - 32px));padding:16px;border:1px solid rgba(196,181,253,.2);border-radius:16px;background:#171326;box-shadow:0 18px 60px #0009}
.auth-profile.open{display:block}.auth-profile strong{display:block;overflow:hidden;color:#f3edff;font-size:13px;text-overflow:ellipsis}.auth-profile button{margin-top:12px;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#211a30;color:#cfc5e3;font-size:11px;font-weight:700;cursor:pointer}
@media(max-width:720px){.auth-backdrop{padding:12px}.auth-dialog{display:block;width:min(100%,480px);min-height:0;max-height:94dvh;border-radius:20px}.auth-aside{display:none}.auth-content{padding:32px 25px 25px}.auth-content h2{font-size:24px}.auth-profile{right:12px;top:auto;bottom:82px}}
@media(prefers-reduced-motion:reduce){.auth-backdrop,.auth-dialog,.auth-primary{transition:none}}
.auth-otp{position:relative;width:min(100%,350px);margin-top:4px;outline:none;touch-action:manipulation}.auth-otp-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.auth-otp-slot{position:relative;display:grid;place-items:center;height:56px;overflow:hidden;border:1px solid rgba(196,181,253,.18);border-radius:12px;background:linear-gradient(155deg,#191421,#0c0b10 78%);box-shadow:inset 0 1px 0 #ffffff08;transition:border-color .2s,background .2s,box-shadow .2s}.auth-otp-slot:before{position:absolute;inset:0;border:1px solid #8de4bf;border-radius:inherit;content:"";opacity:0;pointer-events:none}.auth-otp-slot.is-active{border-color:#ba83ff;background:linear-gradient(155deg,#21172d,#100d17 78%);box-shadow:0 0 0 3px #a855f71c,inset 0 1px 0 #ffffff10}.auth-otp-digit{position:relative;color:#f8f4ff;font-size:25px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.auth-otp-slot.is-entering .auth-otp-digit{animation:authOtpRoll .28s cubic-bezier(.2,.85,.25,1) both}.auth-otp-caret{position:absolute;z-index:2;top:50%;left:var(--auth-otp-caret-x,24px);width:2px;height:27px;border-radius:2px;background:#d19bff;box-shadow:0 0 12px #bd70ff;pointer-events:none;transform:translate(-50%,-50%);animation:authOtpBlink 1.05s steps(2,start) infinite;transition:left .16s cubic-bezier(.2,.8,.2,1)}.auth-otp.is-complete .auth-otp-caret{opacity:0}.auth-otp-input{position:absolute!important;z-index:3;inset:0;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;color:transparent!important;caret-color:transparent!important;opacity:.015;cursor:text}.auth-otp-input:focus{box-shadow:none!important}.auth-otp:focus-within .auth-otp-slot.is-active{border-color:#d2a4ff;box-shadow:0 0 0 3px #a855f724,inset 0 1px 0 #ffffff12}.auth-otp[data-status=error] .auth-otp-slots{animation:authOtpShake .38s ease both}.auth-otp[data-status=error] .auth-otp-slot{border-color:#ff7183;background:#32151d;box-shadow:0 0 0 2px #f43f5e18}.auth-otp[data-status=success] .auth-otp-slot:before{animation:authOtpSuccess .38s ease both;animation-delay:calc(var(--auth-otp-order,0) * 55ms)}.auth-otp-slot:nth-child(1){--auth-otp-order:0}.auth-otp-slot:nth-child(2){--auth-otp-order:1}.auth-otp-slot:nth-child(3){--auth-otp-order:2}.auth-otp-slot:nth-child(4){--auth-otp-order:3}.auth-otp-slot:nth-child(5){--auth-otp-order:4}.auth-otp-slot:nth-child(6){--auth-otp-order:5}.auth-otp-credit{display:inline-block;margin-top:10px;color:#82788f;font-size:10px;text-decoration:none;transition:color .18s}.auth-otp-credit span{color:#c99cff;font-weight:700}.auth-otp-credit:hover{color:#f3e8ff}
@keyframes authOtpRoll{from{opacity:0;transform:translateY(-19px) scale(.82);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes authOtpBlink{to{visibility:hidden}}@keyframes authOtpShake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes authOtpSuccess{0%{opacity:0;transform:scale(.9)}45%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.06)}}
@media(max-width:420px){.auth-otp-slots{gap:6px}.auth-otp-slot{height:50px;border-radius:10px}.auth-otp-digit{font-size:22px}}
@media(prefers-reduced-motion:reduce){.auth-otp-caret,.auth-otp-slot.is-entering .auth-otp-digit,.auth-otp[data-status=error] .auth-otp-slots,.auth-otp[data-status=success] .auth-otp-slot:before{animation:none!important;transition:none!important}}
.auth-otp-slot .auth-otp-input{position:absolute!important;inset:0;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:inherit!important;background:transparent!important;color:transparent!important;caret-color:transparent!important;font-size:20px!important;opacity:.015;cursor:text}.auth-otp-slot .auth-otp-input:focus{box-shadow:none!important}.auth-otp.is-focused:not(.is-complete) .auth-otp-caret{opacity:1}.auth-otp:not(.is-focused) .auth-otp-caret,.auth-otp.is-complete .auth-otp-caret{opacity:0;animation:none}.auth-otp[data-status=error] .auth-otp-slot .auth-otp-input{pointer-events:none}
.auth-telegram{position:relative;isolation:isolate;overflow:hidden}
.auth-telegram:before{position:absolute;inset:4px max(calc((100% - 390px)/2),0px);z-index:-1;border-radius:24px;background:#202124;content:""}
.auth-telegram-mark{position:absolute;top:5px;left:max(calc((100% - 390px)/2 + 4px),4px);width:36px!important;height:36px!important;background:#229ed9;color:#fff;box-shadow:0 2px 8px #0005}
.auth-telegram-mark svg{display:block;width:19px;height:19px;fill:currentColor}
.auth-social-label{position:relative;z-index:1}
.auth-telegram{font-weight:600}
.auth-provider-button{position:relative;isolation:isolate;overflow:hidden}
.auth-provider-button:before{position:absolute;inset:4px max(calc((100% - 390px)/2),0px);z-index:-1;border-radius:24px;background:#202124;content:""}
.auth-provider-mark{position:absolute;top:5px;left:max(calc((100% - 390px)/2 + 4px),4px);width:36px!important;height:36px!important;box-shadow:0 2px 8px #0005}
.auth-socials .auth-social{border-color:rgba(255,255,255,.09);background:#101012}
.auth-socials .auth-social:hover:not(:disabled){border-color:rgba(196,181,253,.3);background:#141316}
.auth-provider-button:before,.auth-telegram:before{background:#101012}
.auth-google-mark{background:#fff;color:inherit;-webkit-text-fill-color:initial}
.auth-telegram-mark{background:#229ed9;color:#fff}
.auth-provider-button{font-weight:600}