.auth-ui{--r:14px;--r-sm:10px;--blue-600:#0c71d1;--blue-700:#0858af;--blue-800:#0d4289;--blue-50:#ecf4ff;--blue-100:#d9eaff;--ink:#212730;--ink-2:#424852;--muted:#70757e;--faint:#9a9fa6;--line:#dfe1e5;--line-2:#edeef2;--field:#f5f7f9;color:var(--ink);font-family:var(--font-sans);background:#fff}@supports (color:lab(0% 0 0)){.auth-ui{--blue-600:lab(46.5609% 2.72214 -58.0728);--blue-700:lab(37.2263% 5.51486 -53.3658);--blue-800:lab(28.0671% 6.28443 -45.1111);--blue-50:lab(95.9054% -1.51366 -6.54535);--blue-100:lab(91.8019% -2.74286 -12.6288);--ink:lab(15.2243% -.408947 -7.33035);--ink-2:lab(30.3232% -.533089 -6.66348);--muted:lab(48.9007% -.528395 -5.59261);--faint:lab(65.1546% -.457853 -4.49238);--line:lab(89.5384% -.247955 -2.25686);--line-2:lab(94.1821% -.208586 -1.88189);--field:lab(97.0857% -.168264 -1.50633)}}.auth-ui .scr-web{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}@media (max-width:900px){.auth-ui .scr-web{grid-template-columns:1fr}.auth-ui .scr-web .brand-panel{display:none}}.auth-ui .brand-panel{color:#fff;background:radial-gradient(120% 90% at 88% 8%, #f2823b73, transparent 46%), radial-gradient(100% 80% at 0% 100%, #0c71d199, transparent 55%), linear-gradient(158deg, var(--blue-700), var(--blue-800));flex-direction:column;padding:40px;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.auth-ui .brand-panel{background:radial-gradient(120% 90% at 88% 8%, lab(66.5508% 40.1924 56.5874/.45), transparent 46%), radial-gradient(100% 80% at 0% 100%, lab(46.5609% 2.72214 -58.0728/.6), transparent 55%), linear-gradient(158deg, var(--blue-700), var(--blue-800))}}.auth-ui .brand-panel:after{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-image:radial-gradient(lab(100% 0 0/.06) 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.auth-ui .brand-top,.auth-ui .brand-body,.auth-ui .brand-foot{z-index:1;position:relative}.auth-ui .brand-body{flex-direction:column;flex:1;justify-content:center;display:flex}.auth-ui .brand-headline{letter-spacing:-.025em;text-wrap:balance;max-width:11ch;margin:0 0 14px;font-size:34px;font-weight:800;line-height:1.12}.auth-ui .brand-headline .hl{color:#9dd0ff;color:lab(81.2363% -8.73539 -33.9696)}.auth-ui .brand-sub{color:#d1dff2;color:lab(88.3207% -2.04429 -10.941);max-width:34ch;margin:0 0 28px;font-size:15px;line-height:1.55}.auth-ui .demo-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;background:lab(100% 0 0/.07);border:1px solid #ffffff24;border:1px solid lab(100% 0 0/.14);border-radius:16px;padding:14px;box-shadow:0 20px 50px #00143773;box-shadow:0 20px 50px lab(6.46169% 5.45432 -27.4957/.45)}.auth-ui .demo-track-wrap{border-radius:10px;overflow:hidden}.auth-ui .demo-track{align-items:stretch;transition:transform .62s cubic-bezier(.65,.02,.2,1);display:flex}.auth-ui .demo-slide{flex-direction:column;flex:0 0 100%;min-width:100%;display:flex}.auth-ui .demo-prompt{box-sizing:border-box;color:#fff;background:#ffffff1a;background:lab(100% 0 0/.1);border-radius:10px;align-items:flex-start;gap:9px;min-height:60px;padding:11px 13px;font-size:13.5px;line-height:1.4;display:flex}.auth-ui .demo-caret{font-family:var(--font-mono);color:#9dd0ff;color:lab(81.2363% -8.73539 -33.9696);font-weight:600}.auth-ui .demo-arrow{align-items:center;gap:8px;margin:9px 2px;display:flex}.auth-ui .demo-arrow span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#b4c6de;color:lab(79.004% -2.53508 -14.5025);font-size:10.5px}.auth-ui .demo-arrow:before,.auth-ui .demo-arrow:after{content:"";background:#ffffff2e;background:lab(100% 0 0/.18);height:1px}.auth-ui .demo-arrow:before{width:14px}.auth-ui .demo-arrow:after{flex:1}.auth-ui .demo-code{background:#0f1b2dbf;background:lab(9.26671% .165291 -14.212/.75);border-radius:10px;flex:1;overflow:hidden}.auth-ui .code-head{font-family:var(--font-mono);border-bottom:1px solid #ffffff14;border-bottom:1px solid lab(100% 0 0/.08);align-items:center;gap:9px;padding:9px 13px;font-size:11.5px;display:flex}.auth-ui .code-head .method{color:#fff;border-radius:5px;padding:2px 7px;font-size:10.5px;font-weight:600}.auth-ui .code-head .m-get{background:#139948;background:lab(55.589% -48.608 32.4008)}.auth-ui .code-head .m-post{background:#2e81dc;background:lab(52.5752% .00196695 -54.8706)}.auth-ui .code-head .m-run{color:#311d03;color:lab(12.8971% 8.05341 18.0664);background:#d58d25;background:lab(64.9119% 22.5495 61.7416)}.auth-ui .code-head .route{color:#cfd8e5;color:lab(86.0306% -1.42741 -7.32571);flex:1}.auth-ui .code-head .status{color:#88ca95;color:lab(75.7773% -29.8404 19.2989);font-size:10.5px}.auth-ui .demo-code pre{font-family:var(--font-mono);color:#d1dff2;color:lab(88.3207% -2.04429 -10.941);white-space:pre;margin:0;padding:13px 15px;font-size:12px;line-height:1.55}.auth-ui .demo-dots{justify-content:center;gap:6px;margin-top:13px;display:flex}.auth-ui .demo-dots .dot{cursor:pointer;background:#ffffff47;background:lab(100% 0 0/.28);border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:width .3s,background .3s,border-radius .3s}.auth-ui .demo-dots .dot:hover{background:#ffffff80;background:lab(100% 0 0/.5)}.auth-ui .demo-dots .dot-on{background:#fff;border-radius:4px;width:20px}.auth-ui .brand-foot{color:#c5d2e5;color:lab(83.6799% -2.03007 -10.9343);align-items:center;gap:9px;font-size:12.5px;display:flex}.auth-ui .brand-foot .live-dot{background:#43b966;background:lab(67.212% -48.3355 31.8984);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #43b96640;box-shadow:0 0 0 3px lab(67.212% -48.3355 31.8984/.25)}.auth-ui .form-col{background:#fff;justify-content:center;align-items:center;padding:40px 56px;display:flex}.auth-ui .form-wrap{width:100%;max-width:380px}.auth-ui .auth-mobile-brand{margin-bottom:28px;display:none}@media (max-width:900px){.auth-ui .auth-mobile-brand{display:block}}.auth-ui .tabs{background:var(--field);border:1px solid var(--line);border-radius:11px;gap:3px;margin-bottom:26px;padding:4px;display:inline-flex}.auth-ui .tab{color:var(--muted);white-space:nowrap;border-radius:8px;padding:7px 18px;font-size:13.5px;font-weight:600;text-decoration:none}.auth-ui .tab-active{color:var(--blue-700);box-shadow:0 1px 3px #0000001a, 0 0 0 1px var(--line-2);background:#fff}@supports (color:lab(0% 0 0)){.auth-ui .tab-active{box-shadow:0 1px 3px lab(0% 0 0/.1), 0 0 0 1px var(--line-2)}}.auth-ui .form-head{margin-bottom:22px}.auth-ui .form-head h2{letter-spacing:-.02em;margin:0 0 6px;font-size:25px;font-weight:800}.auth-ui .form-head p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.5}.auth-ui .form-head b{color:var(--ink-2);font-weight:700}.auth-ui .social-row{gap:10px;margin-bottom:18px;display:flex}.auth-ui .social-btn{border:1px solid var(--line);border-radius:var(--r-sm);height:46px;font-family:var(--font-sans);color:var(--ink-2);cursor:pointer;background:#fff;flex:1;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.auth-ui .social-btn:hover:not(:disabled){background:var(--field);border-color:var(--faint);box-shadow:0 1px 3px #0000000d;box-shadow:0 1px 3px lab(0% 0 0/.05)}.auth-ui .social-btn:disabled{opacity:.6;cursor:default}.auth-ui .divider{color:var(--faint);align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.auth-ui .divider:before,.auth-ui .divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-ui .field{margin-bottom:16px;display:block}.auth-ui .field-label{color:var(--ink-2);justify-content:space-between;align-items:center;margin-bottom:7px;font-size:13px;font-weight:600;display:flex}.auth-ui .field-hint{font-weight:500}.auth-ui .field-hint-q{color:var(--faint);font-size:12px;font-weight:500}.auth-ui .field-input{align-items:center;display:flex;position:relative}.auth-ui .field-input input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--field);width:100%;height:46px;font-family:var(--font-sans);color:var(--ink);outline:none;padding:0 14px;font-size:14.5px;transition:border-color .15s,box-shadow .15s,background .15s}.auth-ui .field-input input::placeholder{color:var(--faint)}.auth-ui .field-input input:focus{border-color:var(--blue-600);background:#fff;box-shadow:0 0 0 3.5px #0c71d124;box-shadow:0 0 0 3.5px lab(46.5609% 2.72214 -58.0728/.14)}.auth-ui .field-input input.has-trailing{padding-right:62px}.auth-ui .eye{height:30px;font-family:var(--font-sans);color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:0 10px;font-size:12.5px;font-weight:600;position:absolute;right:8px}.auth-ui .eye:hover{background:var(--line-2);color:var(--ink-2)}.auth-ui .check{color:var(--muted);cursor:pointer;align-items:flex-start;gap:9px;margin-bottom:20px;font-size:13px;line-height:1.45;display:flex}.auth-ui .check input{width:17px;height:17px;accent-color:var(--blue-600);flex:none;margin-top:1px}.auth-ui .btn{border-radius:var(--r-sm);width:100%;height:48px;font-family:var(--font-sans);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;transition:background .15s,box-shadow .15s,transform 50ms;display:inline-flex}.auth-ui .btn:disabled{opacity:.7;cursor:default}.auth-ui .btn-primary{background:var(--blue-600);color:#fff;text-decoration:none;box-shadow:0 6px 18px #0c71d152;box-shadow:0 6px 18px lab(46.5609% 2.72214 -58.0728/.32)}.auth-ui .btn-primary:hover:not(:disabled){background:var(--blue-700)}.auth-ui .btn-primary:active:not(:disabled){transform:translateY(1px)}.auth-ui .btn-ghost{background:var(--field);color:var(--ink-2);border:1px solid var(--line);margin-top:10px}.auth-ui .btn-ghost:hover:not(:disabled){border-color:var(--faint);background:#fff}.auth-ui .badge{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.auth-ui .badge svg{width:24px;height:24px}.auth-ui .badge-blue{background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-100)}.auth-ui .badge-green{color:#1c8742;color:lab(49.5467% -42.4533 28.2033);background:#daf8df;background:lab(94.7992% -13.3262 8.51591);border:1px solid #bce3c3;border:1px solid lab(86.8735% -17.8 11.4069)}.auth-ui .strength{gap:5px;margin:-8px 0 7px;display:flex}.auth-ui .strength i{background:var(--line);border-radius:2px;flex:1;height:4px}.auth-ui .strength i.on{background:var(--blue-600)}.auth-ui .strength-label{color:var(--blue-600);margin:0 0 16px;font-size:12px;font-weight:600}.auth-ui .reqs{gap:9px;margin:6px 0 22px;padding:0;list-style:none;display:grid}.auth-ui .reqs li{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.auth-ui .reqs li.met{color:var(--ink-2)}.auth-ui .req-ic{background:var(--line);width:18px;height:18px;color:var(--faint);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;display:flex}.auth-ui .reqs li.met .req-ic{color:#007835;color:lab(43.7335% -42.6217 28.5221);background:#c9f1d0;background:lab(91.5143% -17.7954 11.3992)}.auth-ui .foot-note{text-align:center;color:var(--muted);margin:18px 0 0;font-size:13.5px}.auth-ui .link{color:var(--blue-600);font-weight:600;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:none}.auth-ui .link:hover{text-decoration:underline}.auth-ui .back-link{color:var(--muted);align-items:center;gap:7px;margin-bottom:26px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.auth-ui .back-link:hover{color:var(--ink)}.auth-ui .back-arrow{font-size:15px}.auth-ui .form-error{color:#cc2827;color:lab(45.8049% 62.9533 44.1);margin:-4px 0 14px;font-size:13.5px}.auth-ui .m-hero{background:radial-gradient(120% 80% at 90% 0%, #f2823b80, transparent 50%), linear-gradient(160deg, var(--blue-700), var(--blue-800));color:#fff;padding:28px 26px 30px;position:relative}@supports (color:lab(0% 0 0)){.auth-ui .m-hero{background:radial-gradient(120% 80% at 90% 0%, lab(66.5508% 40.1924 56.5874/.5), transparent 50%), linear-gradient(160deg, var(--blue-700), var(--blue-800))}}.auth-ui .m-hero:after{content:"";opacity:.5;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-image:radial-gradient(lab(100% 0 0/.07) 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.auth-ui .m-hero .logo-wrap{z-index:1;margin-bottom:18px;position:relative}.auth-ui .m-hero-title{z-index:1;letter-spacing:-.025em;max-width:12ch;margin:0;font-size:26px;font-weight:800;line-height:1.12;position:relative}.auth-ui .m-hero-sub{z-index:1;letter-spacing:.12em;text-transform:uppercase;color:#bdcfe8;color:lab(82.4851% -2.55653 -14.5116);margin:10px 0 0;font-size:12px;font-weight:600;position:relative}
