.auth-page{isolation:isolate;background-color:var(--background);background-image:linear-gradient(color-mix(in oklch,var(--background) 68%,transparent),color-mix(in oklch,var(--background) 80%,transparent)),url(/assets/auth-parchment-v1-Djrtn__W.webp);background-position:50%;background-size:cover;position:relative}.dark .auth-page{background-image:linear-gradient(color-mix(in oklch,var(--background) 97%,transparent),color-mix(in oklch,var(--background) 98%,transparent)),url(/assets/auth-parchment-v1-Djrtn__W.webp)}.auth-page-inner{justify-content:center;align-items:center;min-height:100%;padding:32px 20px 40px;display:flex}.auth-panel{border:1px solid var(--border);background:color-mix(in oklch,var(--card) 96%,transparent);border-radius:24px;width:100%;max-width:464px;padding:28px 36px 32px;box-shadow:0 16px 56px #2a1f150f}.dark .auth-panel{box-shadow:0 16px 56px #04020726}.auth-header{text-align:center;margin-bottom:24px}.auth-brand{border-radius:16px;margin-bottom:12px;display:inline-flex}.auth-brand img{object-fit:contain;width:80px;height:80px}.auth-header h1{letter-spacing:-.035em;font-size:26px;font-weight:650;line-height:1.35}.auth-header p{color:var(--muted-foreground);margin-top:8px;font-size:13px;line-height:1.65}.auth-mode{background:color-mix(in oklch,var(--secondary) 68%,transparent);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:24px;padding:4px;display:grid}.auth-mode-button{cursor:pointer;border-radius:10px;min-height:42px;padding:8px 12px;font-size:14px;font-weight:600;transition:background-color .16s,color .16s}.auth-mode-active{background:var(--card);color:var(--primary);box-shadow:0 1px 5px #28201814}.auth-providers{gap:12px;display:grid}.auth-panel .auth-provider{border:1px solid var(--input);background:var(--card);width:100%;height:52px;color:var(--foreground);box-shadow:none;border-radius:12px;grid-template-columns:20px minmax(0,1fr) 20px;gap:12px;padding:0 16px;font-size:14px;font-weight:500;display:grid}.auth-panel .auth-provider:after{content:""}.auth-panel .auth-provider>svg{width:20px;height:20px}.auth-panel .auth-provider:hover{background:var(--secondary);border-color:var(--border)}.auth-divider{align-items:center;gap:12px;margin:24px 0;display:flex}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form label:not(:has([role=checkbox])){letter-spacing:normal;text-transform:none;color:var(--foreground);font-size:13px;font-weight:500;line-height:1.5}.auth-form input{background:color-mix(in oklch,var(--background) 38%,var(--card));height:52px;box-shadow:none;border-radius:12px;padding-left:14px;font-size:16px}.auth-form input:focus-visible{border-color:var(--primary);outline:2px solid color-mix(in oklch,var(--primary) 15%,transparent);outline-offset:2px}.auth-form input::placeholder{opacity:.7}.auth-form .relative>button{width:48px}.auth-form .relative>input{padding-right:48px}.auth-form .auth-submit,.auth-panel .auth-action{white-space:normal;border-radius:12px;width:100%;height:auto;min-height:52px;padding:12px 16px;font-size:14px;font-weight:600;line-height:1.5}.auth-form .auth-submit{box-shadow:none;gap:10px;margin-top:2px}.auth-page button:focus-visible,.auth-page a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media(max-width:479px){.auth-page-inner{align-items:flex-start;padding:20px 16px 32px}.auth-panel{border-radius:20px;max-width:400px;padding:22px 20px 26px}.auth-brand img{width:68px;height:68px}.auth-header h1{font-size:24px}}@media(max-width:359px){.auth-page-inner{padding-inline:10px}.auth-panel{padding-inline:16px}.auth-panel .auth-provider{gap:8px;padding-inline:12px;font-size:13px}}@media(prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition:none!important;animation:none!important}}