.auth-page{box-sizing:border-box;color:#22212a;background:#fff;min-height:100svh;padding:0;display:block}.auth-shell{background:#fff;border-radius:0;grid-template-columns:13fr 7fr;width:100%;max-width:none;min-height:100svh;margin:0;display:grid;overflow:visible}.auth-art{isolation:isolate;background:#262038;flex-direction:column;height:100svh;min-height:540px;padding:36px;display:flex;position:sticky;top:0;overflow:hidden}.auth-art .auth-illustration{object-fit:cover;object-position:48% 35%;z-index:-2;filter:none;width:100%;height:100%;position:absolute;inset:0}.auth-art:after{content:"";z-index:-1;background:linear-gradient(#100c2544,#0000 40%,#0e0a2580 65%,#110b26f2);position:absolute;inset:0}.auth-back{color:#fff;backdrop-filter:blur(12px);background:#100c2533;border:1px solid #ffffff45;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:28px;left:28px}.auth-back svg{width:20px;height:20px}.auth-back:hover{background:#ffffff25}.auth-art-brand{align-self:flex-end}.auth-art-brand .brand{color:#fff;font-size:24px}.auth-art-brand .brand small{font-size:10px}.auth-art-brand .brand-symbol{transform-origin:100%;scale:.8}.auth-art .auth-art-caption{backdrop-filter:none;color:#fff;background:0 0;border-radius:0;width:auto;max-width:480px;margin:auto 0 42px;padding:0;display:block}.auth-caption-pill{backdrop-filter:blur(8px);background:#fff1;border:1px solid #fff4;border-radius:24px;padding:7px 12px;font-size:11px;display:inline-flex}.auth-art-caption h2{letter-spacing:-1.8px;margin:22px 0 15px;font-size:clamp(30px,3.6vw,54px);font-weight:500;line-height:1.14}.auth-art-caption p{color:#e2ddeb;font-size:13px;line-height:1.7}.auth-art .auth-art-footer{color:#d3cadf;letter-spacing:0;background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:0;font-size:10px;display:flex;position:static}.auth-art-footer span:first-child{letter-spacing:1px;font-weight:600}.auth-panel{color:#22212a;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:100svh;padding:48px clamp(22px,2.5vw,48px) 36px;display:flex;position:relative;overflow:visible}.auth-form-wrap{text-align:left;width:100%;max-width:410px;margin:auto;padding:0}.auth-mobile-brand{display:none}.auth-form-wrap h1{letter-spacing:-1.3px;color:#201c29;max-width:400px;font-size:clamp(25px,2.2vw,36px);font-weight:600;line-height:1.18}.auth-subtitle{color:#827b8c;margin:14px 0 28px;font-size:12px;line-height:1.8}#auth-form{flex-direction:column;gap:19px;display:flex}.auth-field{min-width:0}#auth-form .auth-field>label{color:#443c50;margin:0 0 8px;font-size:11px;font-weight:500;display:block}#auth-form input{box-sizing:border-box;width:100%;height:50px;font:inherit;color:#292132;background:#fff;border:1px solid #dfdbe5;border-radius:10px;outline:0;padding:0 15px;font-size:12px;transition:border-color .15s,box-shadow .15s;display:block}#auth-form input::placeholder{color:#a09aa9}#auth-form input:focus{border-color:#9680c1;box-shadow:0 0 0 3px #b6a0dc22}#auth-form .password-field{margin:0;display:block;position:relative}#auth-form .password-field input{padding-right:49px}.toggle-password{color:#91869e;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;padding:8px;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.toggle-password svg{width:20px;height:20px;display:block}.toggle-password:hover{background:#f3eff8}.eye-slash{display:none}.toggle-password[aria-pressed=true] .eye-slash{display:block}#auth-form .auth-submit{color:#fff;width:100%;min-height:50px;font:inherit;background:#24202c;border:0;border-radius:10px;justify-content:center;align-items:center;gap:15px;margin-top:7px;padding:12px 20px;font-size:12px;font-weight:500;transition:background .15s;display:flex;position:relative;box-shadow:0 4px 10px #22132f14}.auth-submit svg{width:18px;height:18px;position:absolute;right:17px}.auth-submit:hover{background:#49345f}.auth-switch{text-align:center;color:#81788c;margin:25px 0 0;font-size:11px}.auth-switch a{color:#7955aa;margin-left:4px;font-size:11px;font-weight:500;display:inline}.auth-switch a:hover{text-decoration:underline}.auth-terms{color:#a19aa9;text-align:center;max-width:340px;margin:27px auto 0;font-size:10px;line-height:1.8}.auth-home{text-align:center;color:#7955aa;margin-top:15px;font-size:11px;display:block}.auth-panel-footer{color:#aaa3b3;text-align:center;margin:34px 0 0;font-size:10px}.auth-error{color:#a42753;background:#fff0f4;border:1px solid #f0c7d4;border-radius:9px;margin:0;padding:11px 13px;font-size:12px;line-height:1.6}.auth-page a:focus-visible,.auth-page button:focus-visible{outline-offset:4px;outline:2px solid #9678be}@media (width>=761px) and (height<=720px){.auth-panel{padding-top:28px;padding-bottom:22px}.auth-subtitle{margin-bottom:20px}#auth-form{gap:13px}.auth-switch,.auth-terms{margin-top:18px}.auth-panel-footer{margin-top:20px}.auth-art-caption h2{font-size:36px}}@media (width<=760px){.auth-shell{grid-template-columns:1fr}.auth-art{height:250px;min-height:0;padding:22px;position:relative}.auth-back{width:36px;height:36px;top:20px;left:20px}.auth-art-brand .brand{font-size:20px}.auth-art .auth-art-caption{max-width:330px;margin:auto 0 0}.auth-caption-pill,.auth-art .auth-art-footer{display:none}.auth-art-caption h2{letter-spacing:-.8px;margin:0 0 8px;font-size:29px}.auth-art-caption h2 br{display:none}.auth-art-caption p{font-size:11px}.auth-art .auth-illustration{object-position:50% 38%}.auth-panel{min-height:0;padding:30px 24px}.auth-form-wrap{max-width:420px}.auth-form-wrap h1{font-size:29px}.auth-panel-footer{margin-top:28px}}@media (prefers-reduced-motion:reduce){#auth-form input,#auth-form .auth-submit{transition:none}}.auth-form-wrap h1{animation:.65s 50ms both auth-rise}.auth-subtitle{animation:.65s .12s both auth-rise}.auth-field{animation:.6s both auth-rise}.auth-field:first-child{animation-delay:.18s}.auth-field:nth-child(2){animation-delay:.25s}.auth-field:nth-child(3){animation-delay:.32s}.auth-field:nth-child(4){animation-delay:.39s}.auth-submit{animation:.65s .4s both auth-rise}.auth-switch{animation:.65s .47s both auth-rise}.auth-terms,.auth-panel-footer{animation:.7s .53s both auth-rise}#auth-form input{background:#fffb;transition:border-color .2s,box-shadow .2s,background .2s}#auth-form input:hover{border-color:#b8a9ca}.auth-field>label{transition:color .2s}.auth-field:focus-within>label{color:#7955aa!important}#auth-form .auth-submit{background:linear-gradient(115deg,#24202c,#3e2d50);transition:transform .2s,box-shadow .2s,background .2s;overflow:hidden}#auth-form .auth-submit:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 25%,#ffffff24 50%,#0000 75%);transition:transform .65s;position:absolute;inset:0;transform:translate(-150%)}#auth-form .auth-submit:hover{transform:translateY(-2px);box-shadow:0 9px 22px #4d2d6d30}#auth-form .auth-submit:hover:after{transform:translate(150%)}#auth-form .auth-submit:active{transform:translateY(0)}.auth-submit svg{transition:transform .2s}.auth-submit:hover svg{transform:translate(3px)}.toggle-password{transition:background .2s,color .2s}.toggle-password:hover{color:#7955aa}.auth-back{transition:background .2s,transform .2s}.auth-back:hover{transform:translate(-3px)}.auth-switch a{text-decoration:none;position:relative}.auth-switch a:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .2s;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.auth-switch a:hover:after{transform:scaleX(1)}.auth-art .auth-illustration{transition:transform 1s cubic-bezier(.2,.7,.3,1);animation:1.1s ease-out both auth-image}@media (hover:hover){.auth-art:hover .auth-illustration{transform:scale(1.025)}}.auth-art .auth-art-caption{animation:.9s .2s both auth-rise}.auth-art-brand{animation:.8s .12s both auth-rise}.auth-art .auth-art-footer{animation:.8s .4s both auth-rise}.auth-caption-pill{box-shadow:inset 0 1px #ffffff30,0 5px 20px #100b2226}@keyframes auth-rise{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes auth-image{0%{opacity:.4;scale:1.035}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :after{transition:none!important;animation:none!important}.auth-art:hover .auth-illustration{transform:none}}.auth-google{color:#3d3547;background:#fff;border:1px solid #dfdbe5;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;font-size:12px;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .2s;animation:.65s .15s both auth-rise;display:flex}.auth-google svg{flex-shrink:0;width:19px;height:19px}.auth-google:hover{border-color:#b49aca;transform:translateY(-1px);box-shadow:0 4px 14px #54327312}.auth-email-divider{color:#99909f;align-items:center;gap:12px;margin:21px 0;font-size:10px;display:flex}.auth-email-divider:before,.auth-email-divider:after{content:"";background:#ece8f0;flex:1;height:1px}@media (prefers-reduced-motion:reduce){.auth-google{transition:none;animation:none}}.auth-panel{background:radial-gradient(at 100% 0,#e4dbf266,#0000 60%),#f0eef5}#auth-form input{background:#f0eef5;border-color:#0000;box-shadow:inset 4px 4px 8px #d3cddf,inset -4px -4px 8px #fff}#auth-form input:focus{background:#f2eff8;border-color:#ae94cb77;box-shadow:inset 3px 3px 7px #d1c8df,inset -3px -3px 7px #fff,0 0 0 3px #a888cf12}.auth-google{background:linear-gradient(140deg,#f9f7fc,#e8e3f0);border:1px solid #fff9;box-shadow:5px 5px 10px #d1c9de,-5px -5px 10px #fff}.auth-google:hover{box-shadow:3px 3px 7px #d1c9de,-3px -3px 7px #fff}.auth-google:active{box-shadow:inset 3px 3px 6px #d1c9de,inset -3px -3px 6px #fff}#auth-form .auth-submit{background:linear-gradient(135deg,#68517f,#372941);border:1px solid #917aa4;box-shadow:5px 6px 11px #bcb0cc,-4px -4px 9px #fff,inset 1px 1px 2px #c5a6df66,inset -2px -2px 4px #24182e}#auth-form .auth-submit:hover{box-shadow:6px 8px 14px #b7a9c9,-4px -4px 9px #fff,inset 1px 1px 2px #c5a6df66}.toggle-password{border-radius:50%}.toggle-password:hover{background:#efebf5;box-shadow:2px 2px 5px #d3cadd,-2px -2px 5px #fff}.auth-static-brand{color:#fff;letter-spacing:-1px;font-size:24px;font-weight:700}.auth-static-brand small{letter-spacing:0;font-size:10px;display:block}@media (prefers-reduced-motion:reduce){.auth-google{transition:none;animation:none}}.is-embedded .auth-art{min-height:0}.is-embedded .auth-panel{padding:30px 22px 24px}.is-embedded .auth-form-wrap h1{font-size:25px}.is-embedded .auth-subtitle{margin:10px 0 18px;font-size:11px;line-height:1.6}.is-embedded .auth-google{min-height:42px;padding:10px 12px;font-size:11px}.is-embedded .auth-email-divider{margin:14px 0}.is-embedded #auth-form{gap:12px}.is-embedded #auth-form input{height:42px}.is-embedded #auth-form .auth-submit{min-height:42px;margin-top:4px}.is-embedded .auth-switch{margin-top:17px;font-size:10px}.is-embedded .auth-switch a{font-size:10px}.is-embedded .auth-terms,.is-embedded .auth-panel-footer{display:none}html:has(.auth-page),body:has(.auth-page),.auth-page,.auth-panel{scrollbar-width:none}html:has(.auth-page)::-webkit-scrollbar,body:has(.auth-page)::-webkit-scrollbar,.auth-page::-webkit-scrollbar,.auth-panel::-webkit-scrollbar{display:none}.auth-art .auth-art-footer{margin-top:auto}.auth-art .auth-host{object-fit:contain;object-position:center bottom;z-index:-1;pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 12px 24px #17121c44);width:auto;max-width:95%;height:min(78svh,820px);animation:8s ease-in-out infinite auth-host-float;position:absolute;bottom:-20px;right:1%}.auth-art-brand,.auth-art-footer,.auth-back{z-index:2}@keyframes auth-host-float{0%,to{transform:translate(0,0)rotate(-.35deg)}50%{transform:translate(-5px,-8px)rotate(.35deg)}}@media (width<=760px){.auth-art .auth-host{max-width:75%;height:235px;bottom:-16px;right:6%}}@media (prefers-reduced-motion:reduce){.auth-art .auth-host{animation:none}}.auth-art .auth-illustration{object-position:22% 0%}.auth-art .auth-art-brand{display:none}.auth-art{perspective:1100px}.auth-art .auth-illustration{transform:scale(1.07) translate3d(calc(var(--px,0) * -1.8%),calc(var(--py,0) * -1.4%),0) rotateY(calc(var(--px,0) * 2.2deg)) rotateX(calc(var(--py,0) * -1.6deg));will-change:transform;transition:transform .6s cubic-bezier(.2,.7,.3,1)}@media (hover:hover){.auth-art:hover .auth-illustration{transform:scale(1.07) translate3d(calc(var(--px,0) * -1.8%),calc(var(--py,0) * -1.4%),0) rotateY(calc(var(--px,0) * 2.2deg)) rotateX(calc(var(--py,0) * -1.6deg))}}@media (prefers-reduced-motion:reduce){.auth-art .auth-illustration{transform:none!important}}
