.auth-page{place-items:center;min-height:calc(100vh - 8rem);padding:3rem 1rem 4rem;display:grid}.auth-wrap{width:100%;max-width:46rem}.auth-card{z-index:2;border-radius:2rem;padding:2rem 1.5rem;transition:box-shadow .4s,border-color .4s;animation:.7s cubic-bezier(.2,.7,.2,1) both auth-in;position:relative}@media (min-width:640px){.auth-card{padding:3rem 3.25rem}}.auth-card:hover,.auth-card:focus-within{border-color:color-mix(in srgb, var(--ink) 35%, var(--line));box-shadow:0 34px 80px -34px #0006}@keyframes auth-in{0%{opacity:0;filter:blur(6px);transform:translateY(28px)scale(.97)}}.auth-badge{width:4rem;height:4rem;color:var(--cta-ink);background:var(--cta-bg);border-radius:1.25rem;place-items:center;margin-bottom:1.25rem;animation:4s ease-in-out infinite auth-float;display:grid;position:relative;box-shadow:0 14px 34px -14px #0000008c}.auth-badge i{border-radius:inherit;border:2px solid var(--ink);opacity:0;animation:2.8s ease-out infinite auth-ring;position:absolute;inset:0}.auth-badge i:last-child{animation-delay:1.4s}@keyframes auth-float{50%{transform:translateY(-5px)rotate(-3deg)}}@keyframes auth-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.auth-card .field{border-radius:1rem;min-height:3.5rem;padding-inline:1.1rem;font-size:1.125rem;transition:border-color .25s,box-shadow .25s,background-color .25s,transform .25s}.auth-card label,.auth-card [id$=-label]{font-size:1.0625rem}.auth-card .field:hover{border-color:color-mix(in srgb, var(--ink) 45%, var(--line))}.auth-card .field:focus,.auth-card .field:focus-visible{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 12%, transparent), 0 10px 30px -16px #0006;outline:none;transform:translateY(-1px)}.auth-card .btn-primary,.auth-card .auth-submit{border-radius:9999px;justify-content:center;align-items:center;gap:.6rem;min-height:3.75rem;font-size:1.1875rem;font-weight:600;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,color .3s,background .3s;display:inline-flex;position:relative;overflow:hidden}.auth-card .btn-primary:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:30%;position:absolute;top:0;bottom:0;left:-40%;transform:skew(-18deg)}.auth-card .btn-primary:hover:not(:disabled),.auth-card .btn-primary:focus-visible:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 18px 38px -14px #0009}.auth-card .btn-primary:hover:not(:disabled):after{transition:left .7s;left:125%}.auth-card .btn-primary:active{transform:scale(.98)}.auth-card .link{text-underline-offset:4px;font-weight:600;text-decoration-thickness:2px;transition:color .2s}.auth-card .link:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.auth-chips{z-index:1;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem;display:flex;position:relative}.auth-chips li{border:1px solid var(--line);background:var(--h-glass);color:var(--ink-2);border-radius:9999px;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;transition:border-color .25s,color .25s,transform .25s;animation:5s ease-in-out infinite auth-float}.auth-chips li:nth-child(2){animation-delay:-1.6s}.auth-chips li:nth-child(3){animation-delay:-3.2s}.auth-chips li:hover{border-color:var(--ink);color:var(--ink)}.auth-flag{object-fit:cover;border-radius:4px;flex:none;width:28px;height:21px;box-shadow:0 0 0 1px #0000001f}.auth-flag-empty{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:4px;flex:none;width:28px;height:21px}.auth-select{cursor:pointer}.auth-pop{inset-inline:0;z-index:30;border:1px solid var(--line);background:var(--surface-2);border-radius:1.25rem;padding:.75rem;animation:.18s ease-out both auth-pop;position:absolute;top:calc(100% + .5rem);box-shadow:0 30px 70px -20px #0006}@keyframes auth-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.auth-list{overscroll-behavior:contain;max-height:14rem;margin-top:.5rem;overflow-y:auto}.auth-opt{cursor:pointer;border-radius:.75rem;align-items:center;gap:.75rem;min-height:2.75rem;padding:.35rem .75rem;transition:background-color .15s,transform .15s;display:flex}.auth-opt[data-active=true]{background:color-mix(in srgb, var(--ink) 8%, transparent);transform:translate(3px)}.auth-opt[aria-selected=true]{font-weight:600}@media (prefers-reduced-motion:reduce){.auth-card,.auth-badge,.auth-badge i,.auth-chips li,.auth-pop{animation:none}}