.auth-page{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.auth-viz{position:fixed;inset:0;z-index:-1;opacity:.3;pointer-events:none}.auth-viz canvas{width:100%;height:100%}@media(prefers-reduced-motion:no-preference){.js .auth-viz{animation:ql-auth-fade 1.6s var(--ease) both}}@keyframes ql-auth-fade{0%{opacity:0}to{opacity:.3}}body[data-theme=paper] .auth-viz{opacity:.38}.auth-top{height:var(--nav-h);flex:none}.auth-top-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.auth-main{flex:1;display:grid;place-items:center;padding:16px var(--gut) clamp(40px,8vh,96px)}.auth-card{width:100%;max-width:448px;padding:clamp(28px,5vw,44px);background:var(--panel);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:0 40px 100px -30px var(--shadow)}.auth-card h1{font-size:clamp(2rem,1.6rem + 1.4vw,2.5rem);line-height:1.05;letter-spacing:-.025em}.auth-lead{margin:10px 0 30px;color:var(--fg2)}.field{margin-bottom:22px}.field label{display:block;margin-bottom:6px;font:500 .6875rem/1 var(--site-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--site-mut)}.pw{position:relative;display:flex;align-items:flex-end}.pw input{padding-right:5.5em}.pw-toggle{position:absolute;right:0;bottom:7px;padding:4px 2px;background:none;border:0;color:var(--site-mut);font:400 .8125rem var(--site-ui);cursor:pointer}.pw-toggle:hover{color:var(--hi)}.pw-meter{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;margin-top:10px}.pw-meter span{height:2px;border-radius:1px;background:var(--bd2);transition:background-color .2s var(--ease)}.pw-meter span.on{background:var(--acc)}.pw-meter.ok span{background:var(--bid)}.pw-hint{margin-top:7px;font-size:.8125rem;color:var(--site-mut)}.pw-hint.ok{color:var(--site-bid)}.form-err{min-height:1.5em;margin:2px 0 14px;color:var(--site-ask);font-size:.9375rem;line-height:1.45}.form-err.ok{color:var(--site-bid)}.btn-submit{font-size:1.1875rem}.btn-submit[disabled]:after{animation:ql-busy 1.1s var(--ease) infinite}@keyframes ql-busy{50%{opacity:.2}}@media(prefers-reduced-motion:reduce){.btn-submit[disabled]:after{animation:none}}.auth-alt{margin-top:28px;padding-top:20px;border-top:1px solid var(--hair);display:grid;gap:12px;color:var(--fg2);font-size:.9375rem}.auth-other a{font-weight:600}.wl-inline>summary{list-style:none;display:inline-flex;align-items:center;gap:.5em;color:var(--fg2);cursor:pointer;text-decoration:underline;text-decoration-color:var(--bd2);text-underline-offset:5px}.wl-inline>summary:hover{color:var(--hi);text-decoration-color:var(--acc)}.wl-inline>summary::-webkit-details-marker{display:none}.wl-inline .wl{margin-top:16px}.wl-inline .wl input,.wl-inline .wl-btn{font-size:1rem}@media(max-width:480px){.auth-main{place-items:start center;padding-top:8px}.auth-card{padding:26px 22px 28px;border-radius:var(--r)}}
