.auth{max-width:760px;margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) 16px 4rem;display:grid;gap:1rem}.auth-back{justify-self:start;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem .4rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--background);font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--muted-foreground);text-decoration:none;transition:color .14s,border-color .14s}.auth-back:hover{color:var(--foreground);border-color:var(--border-strong)}.auth-back svg{flex:none;transition:transform .14s}.auth-back:hover svg{transform:translate(-2px)}.auth-band{display:grid;justify-items:center;gap:1rem;padding:clamp(1.5rem,5vw,3rem) clamp(.75rem,3vw,2rem) clamp(1.75rem,5vw,2.75rem);border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,color-mix(in oklch,var(--blue-soft) 85%,var(--paper)) 0%,var(--paper) 100%)}.auth-card{width:100%;max-width:420px;min-width:0;padding:1.75rem 1.5rem 1.25rem;background:var(--background);border:1px solid var(--border);border-radius:14px;box-shadow:0 1px 2px #1816110a,0 12px 32px -18px #1816112e}.auth-card-head{display:grid;justify-items:center;text-align:center;gap:.35rem;margin-bottom:1.1rem}.auth-logo{width:48px;height:48px;border-radius:12px;object-fit:contain;margin-bottom:.5rem}.auth-card-head h1{margin:0;font-size:1.4rem;font-weight:700;line-height:1.2;letter-spacing:-.025em}.auth-card-head p{margin:0;max-width:34ch;font-size:.9rem;line-height:1.5;color:var(--muted-foreground)}.auth-checks{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.1rem}.auth-checks li{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted-foreground)}.auth-checks svg{width:15px;height:15px;fill:none;stroke:var(--accent-ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.auth-switch{margin:0;text-align:center;font-size:.86rem;color:var(--muted-foreground)}.auth-switch a{color:var(--blue-ink);font-weight:500;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-card .cl-rootBox,.auth-card .cl-cardBox{width:100%!important;max-width:none!important}.auth-card .cl-cardBox{box-shadow:none!important;border:0!important;border-radius:0!important;background:transparent!important}.auth-card .cl-card{padding:0 0 .5rem!important;box-shadow:none!important;border:0!important;background:transparent!important}.auth-card .cl-footer{background:transparent!important}.auth-card .cl-card:has(.cl-socialButtonsRoot,.cl-formFieldInput__identifier,.cl-formFieldInput__emailAddress) .cl-header{display:none}.auth-card .auth-box{min-height:300px}.auth-card .auth-skel,.auth-card .auth-fail{border:0;box-shadow:none;padding:0;background:transparent}.auth-card .auth-fail{position:static;width:100%;padding:1rem;border-radius:12px;background:var(--amber-soft);align-content:start}.auth-card .auth-box.is-failed{min-height:0}.auth-card .auth-fail strong{color:var(--amber-ink);font-size:.95rem}.auth-card .auth-fail p{font-size:.85rem;color:var(--foreground)}.auth-card .auth-fail code{background:var(--background)}@media(max-width:480px){.auth-card{padding:1.4rem 1.1rem 1rem}}.auth-box{position:relative;display:flex;justify-content:center;min-height:420px;width:100%}.auth-box .cl-rootBox,.auth-box .cl-cardBox{width:100%;position:relative;z-index:1}.auth-skel{position:absolute;inset:0;background:var(--background);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-panel);padding:1.75rem;display:grid;gap:.8rem;align-content:start}.auth-skel i{display:block;height:14px;border-radius:6px;background:var(--muted);animation:auth-shimmer 1.2s ease-in-out infinite alternate}.auth-skel i:nth-child(1){width:55%;height:22px;margin-bottom:.4rem}.auth-skel i:nth-child(2){width:80%}.auth-skel i:nth-child(3),.auth-skel i:nth-child(4){height:40px;margin-top:.4rem}.auth-skel i:nth-child(5){width:40%;margin-top:.6rem}.auth-skel i:nth-child(6){height:40px;background:var(--border)}@keyframes auth-shimmer{to{opacity:.45}}.auth-box:has(.cl-rootBox) .auth-skel,.auth-box.is-failed .auth-skel{display:none}.auth-fail{position:absolute;inset:0;z-index:2;background:var(--background);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-panel);padding:1.75rem;display:grid;align-content:center;gap:.75rem;text-align:left}.auth-fail[hidden]{display:none}.auth-fail strong{font-size:1.05rem;letter-spacing:-.02em}.auth-fail p{margin:0;color:var(--muted-foreground);font-size:.9rem;line-height:1.55}.auth-fail code{font-family:var(--font-mono);font-size:.78em;background:var(--muted);padding:.1em .35em;border-radius:4px}.auth-fail .btn{justify-self:start;margin-top:.35rem}
