:root{--bg:#0e0806; --bg-r: 14; --bg-g: 8; --bg-b: 6;--panel:var(--card,#150e0b);--fld:var(--card-2,#1c1310);--line:#38221a; --line-r: 56; --line-g: 34; --line-b: 26;--tx:var(--text,#f7ede0);--mu:var(--mute,#bba18a);--ac:var(--accent,#ffc04d); --ac-r:var(--accent-r,255); --ac-g:var(--accent-g,192); --ac-b:var(--accent-b,77);--em:var(--accent-2,#f2661b);--dp:var(--accent-3,#9c2d0c);--em-r:var(--accent-2-r,242); --em-g:var(--accent-2-g,102); --em-b:var(--accent-2-b,27);--ok:#3ecf8e; --ok-r: 62; --ok-g: 207; --ok-b: 142;--err:#ff6b6b; --err-r: 255; --err-g: 107; --err-b: 107;--sh:0 30px 80px rgba(0,0,0,.55);color-scheme:dark}
:root[data-theme=light]{--bg:#fdf7ef; --bg-r: 253; --bg-g: 247; --bg-b: 239;--panel:var(--card,#ffffff);--fld:var(--card-2,#fff6e6);--line:#ecd9bd; --line-r: 236; --line-g: 217; --line-b: 189;--tx:var(--text,#2a1a10);--mu:var(--mute,#6b5748);--ac:var(--accent,#c26205); --ac-r:var(--accent-r,194); --ac-g:var(--accent-g,98); --ac-b:var(--accent-b,5);--ok:#158f5e; --ok-r: 21; --ok-g: 143; --ok-b: 94;--err:#d43f3f; --err-r: 212; --err-g: 63; --err-b: 63;--sh:0 30px 80px rgba(var(--accent-3-r,120),var(--accent-3-g,60),var(--accent-3-b,10),.18);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.ggd-auth-page{-webkit-tap-highlight-color:transparent;margin:0;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--tx);font:400 15px/1.8 "Vazirmatn",system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
button,input{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.i{width:20px;height:20px;flex:none;fill:currentColor}

.gate{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr)}
.hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

.panel{position:relative;z-index:2;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:var(--bg);overflow:hidden}
.orb{position:absolute;z-index:0;width:320px;height:320px;border-radius:50%;opacity:.16;pointer-events:none}
.orb-a{top:-90px;inset-inline-end:-80px;background:radial-gradient(circle,var(--em),transparent 70%)}
.orb-b{bottom:-110px;inset-inline-start:-70px;background:radial-gradient(circle,var(--ac),transparent 70%);animation-delay:-8s}
@keyframes orb{to{transform:translateY(30px) scale(1.12)}}
@media (prefers-reduced-motion:reduce){.orb{animation:none}}
.card{--mx:50%;--my:0%;position:relative;z-index:1;width:100%;max-width:440px;padding:20px 28px 28px;border-radius:28px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh)}
.card::before{content:"";position:absolute;inset:-1px;border-radius:29px;padding:1px;background:radial-gradient(320px circle at var(--mx) var(--my),rgba(var(--ac-r), var(--ac-g), var(--ac-b), 0.55),transparent 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}
.tool{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--mu);font-size:13px;font-weight:500;transition:color .2s,border-color .2s,transform .2s}
.tool:hover{color:var(--ac);border-color:var(--ac)}
.tool .i{width:16px;height:16px}
.tool-sq{width:38px;padding:0;justify-content:center}
.i-moon{display:none}:root[data-theme=light] .i-sun{display:none}:root[data-theme=light] .i-moon{display:block}

.brand{flex:1 1 auto;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}
.brand-ring{position:relative;flex:none;display:grid;place-items:center;padding:2px;border-radius:50%;background:conic-gradient(from 0deg,var(--em),var(--ac),var(--dp),var(--em));animation:spin-slow 7s linear infinite;box-shadow:0 4px 14px rgba(var(--em-r),var(--em-g),var(--em-b),.4)}
.brand-ring>img,.brand-ring>.mark{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover;background:#000;box-shadow:0 0 0 1.5px var(--bg);animation:spin-slow-rev 7s linear infinite}
.brand-ring .mark{display:grid;place-items:center;background:linear-gradient(135deg,var(--em),var(--dp));color:#fff}
.brand-ring .mark .i{width:16px;height:16px}
@keyframes spin-slow{to{transform:rotate(1turn)}}
@keyframes spin-slow-rev{to{transform:rotate(-1turn)}}
@media (prefers-reduced-motion:reduce){.brand-ring,.brand-ring>img,.brand-ring>.mark{animation:none}}
.brand b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:900;color:var(--ac);letter-spacing:-.2px}

.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:20px;border-radius:16px;background:var(--fld);border:1px solid var(--line)}
.seg button{position:relative;z-index:1;height:44px;border-radius:12px;font-weight:800;font-size:14.5px;color:var(--mu);transition:color .3s}
.seg button[aria-selected=true]{color:#fff}
.pill{position:absolute;top:4px;bottom:4px;inset-inline-start:4px;width:calc(50% - 4px);border-radius:12px;background:linear-gradient(135deg,var(--em),var(--dp));box-shadow:0 8px 22px rgba(var(--em-r),var(--em-g),var(--em-b),.4);transition:transform .34s cubic-bezier(.3,1.2,.4,1),opacity .2s;will-change:transform}
[data-mode=register] .pill{transform:translateX(-100%)}
[data-mode=lostpassword] .pill{opacity:0}
[data-mode=lostpassword] .seg button{color:var(--mu)}

.form{display:none;gap:14px}
[data-mode=login] .f-login,[data-mode=register] .f-register,[data-mode=lostpassword] .f-lostpassword{display:grid;animation:rise .26s cubic-bezier(.2,.8,.2,1)}
@keyframes rise{from{opacity:0;transform:translate3d(0,8px,0)}}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.head h1{margin:0;font-size:clamp(24px,6vw,29px);line-height:1.4;font-weight:900}
.head p{margin:4px 0 4px;color:var(--mu);font-size:14px}
.msgs:not(:has(.msg)){display:none}
.msg{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;font-size:13.5px;border:1px solid;animation:shake .45s}
.msg p{margin:0}.msg .i{margin-top:2px}
.msg.err{color:var(--err);background:rgba(var(--err-r), var(--err-g), var(--err-b), 0.12);border-color:rgba(var(--err-r), var(--err-g), var(--err-b), 0.4)}
.msg.ok{color:var(--ok);background:rgba(var(--ok-r), var(--ok-g), var(--ok-b), 0.12);border-color:rgba(var(--ok-r), var(--ok-g), var(--ok-b), 0.4);animation:none}
@keyframes shake{20%{transform:translateX(7px)}40%{transform:translateX(-7px)}60%{transform:translateX(4px)}80%{transform:translateX(-3px)}}

.fld{position:relative;display:block}
.fld input{width:100%;height:58px;padding:20px 50px 4px 16px;border-radius:16px;border:1.5px solid var(--line);background:var(--fld);font-size:16px;font-weight:500;transition:border-color .2s,box-shadow .25s,background .2s}
.fld input:hover{border-color:rgb(calc(var(--ac-r)*0.45 + var(--line-r)*0.55), calc(var(--ac-g)*0.45 + var(--line-g)*0.55), calc(var(--ac-b)*0.45 + var(--line-b)*0.55))}
.fld input:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 4px rgba(var(--ac-r), var(--ac-g), var(--ac-b), 0.18)}
.fld .ic{position:absolute;top:50%;inset-inline-start:16px;transform:translateY(-50%);color:var(--mu);transition:color .2s;pointer-events:none}
.fld:focus-within .ic{color:var(--ac)}
.fld .lab{position:absolute;top:50%;inset-inline-start:48px;max-width:calc(100% - 96px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(-50%);color:var(--mu);pointer-events:none;transform-origin:right center;transition:top .2s,transform .2s,color .2s}
.fld:has(.eye) input{padding-inline-end:52px;padding-left:52px}
.fld input:focus~.lab,.fld input:not(:placeholder-shown)~.lab,.fld input:-webkit-autofill~.lab,.fld input:autofill~.lab{top:15px;transform:translateY(-50%) scale(.78);color:var(--ac)}
.fld input:-webkit-autofill{-webkit-text-fill-color:var(--tx);box-shadow:0 0 0 60px var(--fld) inset}
.fld input:autofill{-webkit-text-fill-color:var(--tx)}
.eye{position:absolute;top:50%;inset-inline-end:8px;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--mu);transition:color .2s,background .2s}
.eye:hover{color:var(--ac);background:rgba(var(--ac-r), var(--ac-g), var(--ac-b), 0.1)}
.eye::after{content:"";position:absolute;width:22px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg) scaleX(0);transition:transform .25s;box-shadow:0 0 0 2px var(--fld)}
.eye[aria-pressed=true]{color:var(--ac)}.eye[aria-pressed=true]::after{transform:rotate(-45deg) scaleX(1)}
.caps{margin-top:-6px;color:var(--ac);font-size:12.5px}
.caps[hidden]{display:none}

.str{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:6px;align-items:center;margin-top:-4px;font-size:12px;color:var(--mu)}
.str i{height:5px;border-radius:5px;background:var(--line);transition:background .3s}
.str[data-s="1"] i:nth-child(-n+1){background:var(--err)}
.str[data-s="2"] i:nth-child(-n+2){background:var(--ac)}
.str[data-s="3"] i:nth-child(-n+3){background:#9bd46b}
.str[data-s="4"] i{background:var(--ok)}
.str span{min-width:44px;text-align:end}

.row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:13.5px}
.lnk{display:inline-flex;align-items:center;min-height:40px;color:var(--ac);font-weight:500;transition:opacity .2s}.lnk:hover{opacity:.75;text-decoration:underline}
.lnk-c{justify-self:center}
.chk{display:inline-flex;align-items:center;gap:8px;min-height:40px;color:var(--mu);cursor:pointer}
.chk input{position:absolute;opacity:0;pointer-events:none}
.chk i{position:relative;width:20px;height:20px;border-radius:7px;border:1.5px solid var(--line);background:var(--fld);transition:border-color .2s,background .2s}
.chk i::after{content:"";position:absolute;top:3px;inset-inline-start:6.5px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s}
.chk input:checked+i{background:linear-gradient(135deg,var(--em),var(--dp));border-color:transparent}
.chk input:checked+i::after{transform:rotate(45deg) scale(1)}

.go{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--em),var(--dp));color:#fff;font-weight:800;font-size:15.5px;box-shadow:0 14px 34px rgba(var(--em-r),var(--em-g),var(--em-b),.35);transition:transform .2s,box-shadow .25s,filter .2s;overflow:hidden}
.go::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(100%);transition:transform .6s}
@media (hover:hover){.go:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(var(--em-r),var(--em-g),var(--em-b),.45)}.go:hover::before{transform:translateX(-100%)}.go:hover .i{transform:translateX(-4px)}}
.go:active{transform:scale(.985)}
.go .i{width:18px;height:18px;transition:transform .25s}
.go.busy{pointer-events:none;filter:saturate(.85);opacity:.92}
.go.busy span,.go.busy .i{opacity:0}
.go.busy::after{content:"";position:absolute;width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}}

.alt{display:grid;gap:14px}

.em-panel{display:grid;gap:14px}
.em-panel[hidden]{display:none}
.em-panel:not([hidden]){animation:rise .26s cubic-bezier(.2,.8,.2,1)}
.go-mail .i{width:20px;height:20px}
.go-mail .chev{position:absolute;inset-inline-end:18px;top:50%;width:18px;height:18px;margin-top:-9px;transition:transform .28s cubic-bezier(.3,1.2,.4,1)}
.go-mail[aria-expanded=true]{height:50px;background:var(--fld);color:var(--tx);border:1.5px solid rgb(calc(var(--ac-r)*0.55 + var(--line-r)*0.45), calc(var(--ac-g)*0.55 + var(--line-g)*0.45), calc(var(--ac-b)*0.55 + var(--line-b)*0.45));box-shadow:none}
.go-mail[aria-expanded=true]::before{display:none}
.go-mail[aria-expanded=true] .i,.go-mail[aria-expanded=true] .chev{color:var(--ac)}
.go-mail[aria-expanded=true] .chev{transform:rotate(180deg)}
@media (hover:hover){.go-mail[aria-expanded=true]:hover{box-shadow:none;border-color:var(--ac)}}
.or{display:flex;align-items:center;gap:12px;color:var(--mu);font-size:12.5px}
.or i{flex:1;height:1px;background:var(--line)}

.go-g{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border-radius:16px;background:#fff;color:#1f1f1f;font-weight:700;font-size:15px;border:1.5px solid #dadce0;transition:background .2s,box-shadow .2s,transform .2s}
.go-g .gico{width:22px;height:22px;flex:none;object-fit:contain}
@media (hover:hover){.go-g:hover{background:#f7f8f8;box-shadow:0 6px 18px rgba(0,0,0,.14)}}
.go-g:active{transform:scale(.985)}

.go-g .gst{display:none;flex:none;width:20px;height:20px}
.go-g[data-st=connecting] .gico,.go-g[data-st=done] .gico{display:none}
.go-g[data-st=connecting] .gst-spin{display:block;border-radius:50%;border:3px solid rgba(0,0,0,.14);border-top-color:#4285f4;animation:spin .7s linear infinite}
.go-g[data-st=done] .gst-ok{display:block;animation:gpop .5s cubic-bezier(.3,1.5,.4,1)}
.go-g[data-st=done] .gst-ok path{stroke-dasharray:22;stroke-dashoffset:22;animation:gdraw .4s .12s ease forwards}
.go-g[data-st=done]{border-color:#1e9e63;color:#157a4c}
.go-g[data-st]{pointer-events:none}
@keyframes gpop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes gdraw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.go-g[data-st=done] .gst-ok,.go-g[data-st=done] .gst-ok path{animation:none;stroke-dashoffset:0}}

.sec-note{display:block;margin:22px 0 0;color:var(--mu);font-size:12.5px;line-height:2.1;text-align:center}
.sec-note .i{display:inline-block;width:16px;height:16px;margin-inline-end:6px;vertical-align:-3px;color:var(--ok)}
.sec-url{display:inline-block;direction:ltr;unicode-bidi:isolate;max-width:100%;padding:0 8px;border-radius:8px;background:rgba(var(--ok-r), var(--ok-g), var(--ok-b), 0.14);color:var(--ok);font:800 12.5px/1.8 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.1px;overflow-wrap:anywhere;vertical-align:baseline}

.sent,.welcome{display:none;justify-items:center;text-align:center;align-content:center;gap:12px;padding:14px 0 6px;min-height:min(520px,calc(100dvh - 150px))}
[data-mode=sent] .sent,[data-mode=welcome] .welcome{display:grid;animation:rise .4s cubic-bezier(.2,.8,.2,1)}
[data-mode=sent] .seg,[data-mode=welcome] .seg,[data-mode=sent] .sec-note,[data-mode=welcome] .sec-note,[data-mode=sent] .gvr,[data-mode=welcome] .gvr{display:none!important}
.sent h1,.welcome h1{margin:0;font-size:clamp(24px,6.4vw,29px);font-weight:900;line-height:1.5}
.sent-p,.wl-p{margin:0;color:var(--mu);font-size:14.5px}
.wl-p{color:var(--tx);font-weight:700;font-size:16px}
.sent-fb:empty{display:none}

.sent-ico{position:relative;width:150px;height:130px;display:grid;place-items:center;margin-bottom:2px}
.sent-ico svg{position:relative;z-index:1;width:132px;height:auto;overflow:visible;filter:drop-shadow(0 12px 28px rgba(var(--em-r),var(--em-g),var(--em-b),.35))}
.pulse{position:absolute;inset:14px 6px;border-radius:50%;border:2px solid var(--ac);opacity:0;animation:pulse 2.8s ease-out infinite}
.pulse.p2{animation-delay:1.4s}
@keyframes pulse{0%{opacity:.5;transform:scale(.55)}100%{opacity:0;transform:scale(1.35)}}
.env-letter{animation:letter 1s .35s cubic-bezier(.3,1.3,.4,1) both}
@keyframes letter{from{transform:translateY(26px)}to{transform:translateY(-4px)}}
.env-body{animation:pop-in .5s cubic-bezier(.3,1.4,.4,1) both;transform-box:fill-box;transform-origin:center}
.env-flap{animation:env-fade .6s .15s ease both}
@keyframes env-fade{from{opacity:0}to{opacity:1}}
.env-ok{transform-box:fill-box;transform-origin:center;animation:pop-in .5s 1.1s cubic-bezier(.3,1.6,.4,1) both}
@keyframes pop-in{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.pulse,.env-letter,.env-body,.env-flap,.env-ok{animation:none}}

.sent-mail{display:inline-block;max-width:100%;padding:5px 14px;border-radius:12px;background:rgba(var(--ac-r), var(--ac-g), var(--ac-b), 0.13);color:var(--ac);font:800 15px/1.8 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-wrap:anywhere}
.sent-steps{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:8px;width:100%;text-align:start}
.sent-steps li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--fld);border:1px solid var(--line);font-size:14px}
.sent-steps b{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--em),var(--dp));color:#fff;font-size:13px}
.sent-steps small{color:var(--mu);font-size:12px}
.sent-open{margin-top:6px;text-decoration:none}
.sent-open[hidden]{display:none}
.sent-resend{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border-radius:14px;border:1.5px solid var(--line);background:var(--fld);color:var(--tx);font-weight:700;font-size:14px;transition:border-color .2s,color .2s,opacity .2s}
.sent-resend .i{width:16px;height:16px}
.sent-resend:disabled{opacity:.6;cursor:default}
.sent-resend:not(:disabled):hover{border-color:var(--ac);color:var(--ac)}
.sent-resend.busy .i{animation:spin .8s linear infinite}
.sent-fb{margin:0;font-size:13px;color:var(--ok)}
.sent-fb.err{color:var(--err)}
.sent-links{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 18px;font-size:13.5px}

.wl-av{position:relative;width:132px;height:132px;display:grid;place-items:center;margin-bottom:6px}
.wl-ring{position:relative;z-index:1;display:grid;place-items:center;padding:4px;border-radius:50%;background:conic-gradient(from 0deg,var(--em),var(--ac),var(--dp),var(--em));animation:spin-slow 2.2s linear infinite;box-shadow:0 16px 46px rgba(var(--em-r),var(--em-g),var(--em-b),.45)}
.wl-ring img{display:block;width:92px;height:92px;border-radius:50%;object-fit:cover;background:#000;box-shadow:0 0 0 3px var(--bg);animation:spin-slow-rev 2.2s linear infinite}
.wl-wave{position:absolute;inset:10px;border-radius:50%;border:2px solid var(--ac);opacity:0}
.wl-badge{position:absolute;z-index:2;inset-inline-end:8px;bottom:8px;width:36px;height:36px;box-shadow:0 0 0 4px var(--panel);border-radius:50%;transform:scale(0);opacity:0}
.wl-bar{width:min(240px,70%);height:5px;border-radius:5px;background:var(--line);overflow:hidden;margin-top:6px}
.wl-bar i{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,var(--em),var(--ac))}
.wl-s{margin:0;color:var(--mu);font-size:13px;min-height:1.8em}
.welcome[data-st=busy] .wl-bar i{width:35%;animation:wl-ind 1.3s ease-in-out infinite}
@keyframes wl-ind{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}
.welcome[data-st=ok] .wl-ring,.welcome[data-st=ok] .wl-ring img{animation:none}
.welcome[data-st=ok] .wl-badge{animation:pop-in .55s .1s cubic-bezier(.3,1.6,.4,1) forwards}
.welcome[data-st=ok] .wl-wave{animation:pulse 1.6s ease-out 2}
.welcome[data-st=ok] .wl-wave.w2{animation-delay:.4s}
.welcome[data-st=ok] .wl-bar i{width:0;animation:wl-fill var(--wl-dur,2.2s) .2s linear forwards}
@keyframes wl-fill{to{width:100%}}
@media (prefers-reduced-motion:reduce){.wl-ring,.wl-ring img,.welcome .wl-wave,.welcome .wl-bar i{animation:none!important}.welcome[data-st=ok] .wl-badge{animation:none;transform:scale(1);opacity:1}.welcome[data-st=ok] .wl-bar i{width:100%}}

.stage{position:relative;overflow:hidden;display:none}
.wall{position:absolute;inset:-8% -4%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;transform:rotate(-6deg) scale(1.15)}
.col{overflow:hidden}
.track{display:grid;gap:18px;animation:slide 60s linear infinite}
.c1 .track{animation-duration:75s;animation-direction:reverse}
.c3 .track{animation-duration:68s;animation-direction:reverse}
@keyframes slide{to{transform:translateY(-50%)}}
.wall img{width:100%;border-radius:14px;opacity:.9}
.wall-empty{display:grid;place-items:center;height:100%}
.wall-empty img{width:160px;height:160px;border-radius:50%;opacity:.5}
.veil{position:absolute;inset:0;background:linear-gradient(105deg,var(--bg) 0%,rgba(var(--bg-r), var(--bg-g), var(--bg-b), 0.55) 34%,rgba(var(--bg-r), var(--bg-g), var(--bg-b), 0.22) 62%,rgba(var(--bg-r), var(--bg-g), var(--bg-b), 0.78) 100%)}
.tag{position:absolute;bottom:clamp(28px,7vh,72px);inset-inline:clamp(24px,5vw,72px);display:grid;gap:8px}
.tag strong{font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.5;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.tag span{color:var(--mu);font-size:15px;max-width:46ch}

@media (min-width:1024px){.gate{grid-template-columns:minmax(440px,540px) 1fr}.stage{display:block}}

@media (max-width:640px){
	.panel{place-items:start center;padding:0}
	.card{max-width:none;min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 10px) max(20px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 28px) max(20px,env(safe-area-inset-left,0px));border:0;border-radius:0;background:transparent;box-shadow:none}
	.card::before{display:none}
	.orb{width:240px;height:240px;opacity:.13}
	.card{padding-top:calc(env(safe-area-inset-top,0px) + 6px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 18px)}
	.tools{margin-bottom:8px}
	.tool{height:36px}.tool-sq{width:36px}
	.brand-ring>img,.brand-ring>.mark{width:28px;height:28px}
	.brand b{font-size:15px}
	.seg{padding:3px;margin-bottom:12px;border-radius:14px}
	.seg button{height:40px;font-size:14px;border-radius:11px}
	.pill{top:3px;bottom:3px;inset-inline-start:3px;width:calc(50% - 3px);border-radius:11px}
	.head h1{font-size:22px;line-height:1.35}
	.head p{margin:2px 0}
	.form{gap:10px}
	.alt,.em-panel{gap:10px}
	.fld input{height:52px;padding-top:18px;padding-bottom:3px;border-radius:14px}
	.fld input:focus~.lab,.fld input:not(:placeholder-shown)~.lab,.fld input:-webkit-autofill~.lab,.fld input:autofill~.lab{top:14px}
	.go,.go-g{height:50px;border-radius:14px}
	.go-mail[aria-expanded=true]{height:46px}
	.lnk,.chk{min-height:34px}
	.sec-note{margin-top:14px;font-size:12px}
}
@media (max-width:380px){
	.card{padding-inline:16px}
	.tool{padding:0 10px}
	.brand b{font-size:15px}
}

html:has(body.is-embed){background:transparent}
body.ggd-auth-page.is-embed{min-height:0;background:transparent;overflow-x:hidden;overflow-y:auto}
.is-embed .gate{min-height:0;display:block}
.is-embed .panel{display:block;padding:2px;background:transparent;overflow:visible}
.is-embed .panel .orb{display:none}
.is-embed .stage{display:none!important}
.is-embed .card{max-width:none;margin:0;box-shadow:none}
.is-embed .tools .tool,.is-embed .sec-note{display:none}
.is-embed .tools{justify-content:center}
.is-embed .brand{pointer-events:none}

.is-embed .card{min-height:0}
.is-embed .sent,.is-embed .welcome{min-height:460px}

.wl-gl{position:absolute;z-index:2;inset-inline-end:8px;bottom:8px;width:38px;height:38px;border-radius:50%;background:#fff;display:none;place-items:center;box-shadow:0 0 0 4px var(--panel),0 4px 14px rgba(0,0,0,.25)}
.wl-gl img{width:22px;height:22px;display:block}
.welcome[data-kind=google][data-st=busy] .wl-gl{display:grid;animation:pop-in .4s cubic-bezier(.3,1.6,.4,1)}
.wl-form{display:none;width:100%;gap:12px;margin-top:4px;text-align:start}
.welcome[data-st=name] .wl-form{display:grid;animation:rise .3s cubic-bezier(.2,.8,.2,1)}
.welcome[data-st=name] .wl-bar,.welcome[data-st=name] .wl-s,.welcome[data-st=name] [data-wl-skip],.welcome[data-st=name] .wl-badge,.welcome[data-st=name] .wl-wave,.welcome[data-st=name] .wl-gl{display:none}
.welcome[data-st=name] .wl-ring,.welcome[data-st=name] .wl-ring img{animation:none}
.welcome[data-st=name] .wl-p{color:var(--mu);font-weight:500;font-size:14px;line-height:1.9}
.wl-err{margin:0;padding:10px 12px;border-radius:12px;font-size:13px;text-align:start;color:var(--err);background:rgba(var(--err-r), var(--err-g), var(--err-b), 0.12);border:1px solid rgba(var(--err-r), var(--err-g), var(--err-b), 0.4)}
.wl-err[hidden],.clr[hidden]{display:none}
.wl-form .fld.is-bad input{border-color:var(--err);box-shadow:0 0 0 4px rgba(var(--err-r), var(--err-g), var(--err-b), 0.16)}
.clr::after{display:none}
[data-wl-cancel]{display:none}
.welcome[data-st=name] [data-wl-cancel],.welcome[data-kind=google][data-st=busy] [data-wl-cancel]{display:inline-flex}
.welcome[data-kind=google][data-st=busy] [data-wl-skip]{display:none}

.gvr{display:flex;align-items:center;justify-content:center;gap:10px;direction:rtl;box-sizing:border-box;max-width:330px;margin:12px auto 4px;padding:0;border:0;border-radius:0;background:transparent;color:var(--tx,#f2e7d8);cursor:default;text-align:right}
.gvr-ggd{overflow:hidden;min-height:0}
.gvr-ggd>div{max-width:100%}

html:has(body.is-embed){overscroll-behavior:contain}
button,a,label,.seg button{touch-action:manipulation}
.is-embed .brand-ring,.is-embed .brand-ring>img,.is-embed .brand-ring>.mark{animation:none}
@media (hover:hover) and (pointer:fine){
	.is-embed .brand-ring{animation:spin-slow 7s linear infinite}
	.is-embed .brand-ring>img,.is-embed .brand-ring>.mark{animation:spin-slow-rev 7s linear infinite}
}
.is-idle .brand-ring,.is-idle .brand-ring>img,.is-idle .brand-ring>.mark,.is-idle .pulse,.is-idle .wl-ring,.is-idle .wl-ring img,.is-idle .wl-bar i{animation-play-state:paused!important}
[data-mode=login] .f-login,[data-mode=register] .f-register,[data-mode=lostpassword] .f-lostpassword{animation-duration:.2s}
.em-panel:not([hidden]){animation-duration:.2s}

.go-t{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border-radius:16px;background:#2185ba;color:#fff;font-weight:700;font-size:15px;border:1.5px solid #2aabee;transition:background .2s,box-shadow .2s,transform .2s}
.go-t .tico{width:28px;height:28px;flex:none;padding:2px;border-radius:50%;background:#fff;box-sizing:border-box}
@media (hover:hover){.go-t:hover{background:#1e9bdc;border-color:#1e9bdc;box-shadow:0 6px 18px rgba(42,171,238,.4)}}
.go-t:active{transform:scale(.985)}
.tgp{display:none;gap:12px;justify-items:center;text-align:center;padding:6px 0 0}
[data-mode=telegram] .tgp{display:grid;animation:rise .3s cubic-bezier(.2,.8,.2,1)}
[data-mode=telegram] .seg,[data-mode=telegram] .gvr{display:none!important}
.tg-ico{width:76px;height:76px;display:grid;place-items:center}
.tg-ico img{width:76px;height:76px;display:block;filter:drop-shadow(0 12px 22px rgba(42,171,238,.4))}
.tg-t{margin:0;font-size:clamp(22px,6vw,26px);font-weight:900;line-height:1.5}
.tg-steps{margin:2px 0 4px}
.go-tgo{background:linear-gradient(135deg,#37aee2,#1e96c8);box-shadow:0 14px 34px rgba(42,171,238,.35)}
@media (hover:hover){.go-tgo:hover{box-shadow:0 18px 40px rgba(42,171,238,.45)}}
.tg-form{display:grid;gap:12px;width:100%;text-align:start}
.tg-form .fld input{text-align:center;font-size:20px;font-weight:800;letter-spacing:6px;padding-inline:52px}
.tg-form .fld input::placeholder{letter-spacing:0}
.wl-tg{position:absolute;z-index:2;inset-inline-end:8px;bottom:8px;width:38px;height:38px;border-radius:50%;background:none;display:none;place-items:center;box-shadow:0 0 0 4px var(--panel),0 4px 14px rgba(0,0,0,.25)}
.wl-tg img{width:38px;height:38px;display:block}
.welcome[data-kind=telegram][data-st=busy] .wl-tg{display:grid;animation:pop-in .4s cubic-bezier(.3,1.6,.4,1)}
.welcome[data-st=name] .wl-tg{display:none}
.welcome[data-kind=telegram][data-st=busy] [data-wl-skip]{display:none}
@media (max-width:640px){
	.go-t{height:50px;border-radius:14px}
}

:root{--bale:#0aca9b;--bale2:#08a67f}
.go-b{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border-radius:16px;background:var(--bale);color:#fff;font-weight:700;font-size:15px;border:1.5px solid var(--bale);transition:background .2s,box-shadow .2s,transform .2s}
.go-b .bico{width:28px;height:28px;flex:none;padding:4px;border-radius:50%;background:#fff;box-sizing:border-box}
@media (hover:hover){.go-b:hover{background:var(--bale2);border-color:var(--bale2);box-shadow:0 6px 18px rgba(10,202,155,.4)}}
.go-b:active{transform:scale(.985)}
.blp{display:none;gap:12px;justify-items:center;text-align:center;padding:6px 0 0}
[data-mode=bale] .blp{display:grid;animation:rise .3s cubic-bezier(.2,.8,.2,1)}
[data-mode=bale] .seg,[data-mode=bale] .gvr{display:none!important}
.bl-ico{width:76px;height:76px;display:grid;place-items:center}
.bl-ico img{width:76px;height:76px;display:block;filter:drop-shadow(0 12px 22px rgba(10,202,155,.4))}
.bl-t{margin:0;font-size:clamp(22px,6vw,26px);font-weight:900;line-height:1.5}
.bl-steps{margin:2px 0 4px}
.go-bo{background:linear-gradient(135deg,var(--bale),var(--bale2));box-shadow:0 14px 34px rgba(10,202,155,.35)}
@media (hover:hover){.go-bo:hover{box-shadow:0 18px 40px rgba(10,202,155,.45)}}
.bl-form{display:grid;gap:12px;width:100%;text-align:start}
.bl-form .fld input{text-align:center;font-size:20px;font-weight:800;letter-spacing:6px;padding-inline:52px}
.bl-form .fld input::placeholder{letter-spacing:0}
.blo{display:none;gap:14px}
.blo-step{display:none;gap:12px;justify-items:center;text-align:center;padding:6px 0 0}
.blo[data-step=phone] [data-blo-form=phone],
.blo[data-step=code] [data-blo-form=code]{display:grid;animation:rise .26s cubic-bezier(.2,.8,.2,1)}
[data-mode=bale] .blo{display:grid;animation:rise .3s cubic-bezier(.2,.8,.2,1)}
.blo-p{margin:0;color:var(--mu);font-size:14px;line-height:1.9}
.blo-step .msgs,.blo-step .fld,.blo-step .go{width:100%;text-align:start}
.blo-step .fld input{text-align:center;font-size:20px;font-weight:800;letter-spacing:3px;padding-inline:52px}
.blo-step[data-blo-form=code] .fld input{letter-spacing:6px}
.blo-step .fld input::placeholder{letter-spacing:0}
.wl-bale{position:absolute;z-index:2;inset-inline-end:8px;bottom:8px;width:38px;height:38px;border-radius:50%;background:#fff;display:none;place-items:center;box-shadow:0 0 0 4px var(--panel),0 4px 14px rgba(0,0,0,.25)}
.wl-bale img{width:24px;height:24px;display:block}
.welcome[data-kind=bale][data-st=busy] .wl-bale{display:grid;animation:pop-in .4s cubic-bezier(.3,1.6,.4,1)}
.welcome[data-st=name] .wl-bale{display:none}
.welcome[data-kind=bale][data-st=busy] [data-wl-skip]{display:none}
@media (max-width:640px){.go-b{height:50px;border-radius:14px}}

.phn{display:none;gap:14px}
.phn-step{display:none;gap:14px}
.phn[data-step=phone] [data-phone-form=phone],
.phn[data-step=code] [data-phone-form=code]{display:grid;animation:rise .26s cubic-bezier(.2,.8,.2,1)}
[data-mode=phone] .phn{display:grid;animation:rise .3s cubic-bezier(.2,.8,.2,1)}
[data-mode=phone] .seg,[data-mode=phone] .gvr{display:none!important}
.phn .fld input{font-size:16px;letter-spacing:.06em;text-align:left}
.phn-resend{justify-self:center;min-height:40px;padding:0 14px;border-radius:12px;background:transparent;border:0;color:var(--ac);font:inherit;font-weight:500;cursor:pointer}
.phn-resend[disabled]{color:var(--mu);cursor:default;opacity:.8}

[data-mode=start] .f-start{display:grid;animation:rise .26s cubic-bezier(.2,.8,.2,1)}
.fld[hidden]{display:none!important}
.who{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;border-radius:14px;background:var(--fld);border:1px solid var(--line);font-size:13px;color:var(--mu)}
.who span{white-space:nowrap}
.who bdi{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tx);font-weight:800;text-align:end}
.who .lnk{min-height:32px;padding:0 8px;flex:none}
.hint{margin:0;font-size:13px;line-height:1.9;color:var(--mu)}
.hint:empty{display:none}
@media (max-width:560px){.who{padding:4px 6px 4px 12px}.hint{font-size:12.5px;line-height:1.8}}
@media (prefers-reduced-motion:reduce){[data-mode=start] .f-start{animation:none}}

.form .gvr{max-width:none;width:100%;margin:2px 0 4px}
[data-mode=start] .gvr{display:none!important}

.go-more{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:56px;border-radius:16px;background:var(--fld);color:var(--tx);font-weight:700;font-size:15px;border:1.5px solid var(--line);transition:border-color .2s,background .2s,transform .2s}
.go-more .chev{width:18px;height:18px;flex:none;color:var(--mu);transition:transform .28s cubic-bezier(.3,1.2,.4,1)}
.go-more[aria-expanded=true]{border-color:var(--ac)}
.go-more[aria-expanded=true] .chev{transform:rotate(180deg);color:var(--ac)}
@media (hover:hover){.go-more:hover{border-color:var(--ac)}}
.go-more:active{transform:scale(.985)}
.more-logos{display:flex;flex:none}
.ml{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px var(--fld)}
.ml+.ml{margin-inline-start:-9px}
.ml-w{background:#fff}
.ml-i{width:17px;height:17px;display:block;object-fit:contain}
.ml-full{width:100%;height:100%}

.alt-panel{gap:10px}
@media (max-width:640px){.go-more{height:50px;border-radius:14px}}
.is-embed .card{background:var(--panel);color:var(--tx)}
.is-embed h1,.is-embed .wl-t,.is-embed .wl-p,.is-embed .sent-t,.is-embed .tg-t,.is-embed .bl-t{color:var(--tx)}
.gvr,.gvr span,.gvr small,.gvr label,.gvr p,.gvr div,.gvr b{color:var(--tx)}
:root:not([data-theme=light]) .msg.err{color:#ffb4b4;background:rgba(var(--err-r),var(--err-g),var(--err-b),.18);border-color:rgba(var(--err-r),var(--err-g),var(--err-b),.55)}
:root:not([data-theme=light]) .msg.ok{color:#9af0c8}
.msg{font-weight:600}
.ecp{display:none;gap:14px}
[data-mode=ecode] .ecp{display:grid;animation:rise .3s cubic-bezier(.2,.8,.2,1)}
[data-mode=ecode] .seg,[data-mode=ecode] .gvr{display:none!important}
.ec-form{display:grid;gap:14px}
.ecp .fld input{font-size:16px;letter-spacing:.06em;text-align:left}
.lnk[hidden]{display:none}