@layer theme,base;@layer components{.login-card{border:1px solid var(--nav-border);background:var(--background);border-radius:.75rem;width:100%;max-width:22rem;padding:2.5rem 2rem}.login-header{text-align:center}.login-lock{width:2.75rem;height:2.75rem;color:var(--muted);background:#78716c14;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.login-brand{font-family:var(--serif);color:var(--foreground);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.login-title{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .625rem;font-size:.6875rem;font-weight:600}.login-subtitle{color:var(--muted);opacity:.6;margin:0;font-size:.8125rem}.login-divider{background:var(--nav-border);height:1px;margin:2rem 0}.login-form{flex-direction:column;display:flex}.login-field{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.login-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.login-input{border:1px solid var(--nav-border);color:var(--foreground);background:0 0;border-radius:.375rem;outline:none;padding:.625rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--muted);box-shadow:0 0 0 2px #78716c14}.login-input:disabled{opacity:.5}.login-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--background)inset;-webkit-text-fill-color:var(--foreground);border-color:var(--nav-border);transition:background-color 5000s ease-in-out}.login-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--background)inset;-webkit-text-fill-color:var(--foreground);border-color:var(--nav-border);transition:background-color 5000s ease-in-out}.login-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--background)inset;-webkit-text-fill-color:var(--foreground);border-color:var(--nav-border);transition:background-color 5000s ease-in-out}.login-button{background:var(--foreground);width:100%;color:var(--background);font-size:.8125rem;font-weight:500;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;border-radius:.375rem;justify-content:center;align-items:center;min-height:2.5rem;margin-top:.75rem;padding:.625rem;transition:opacity .15s;display:inline-flex}.login-button:hover:not(:disabled){opacity:.85}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-spinner{border:2px solid #fff3;border-top-color:var(--background);border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite login-spin}.login-error{background:var(--color-error-light);color:var(--color-error);text-align:center;border:1px solid #dc262626;border-radius:.25rem;margin-top:1rem;padding:.5rem .75rem;font-size:.8125rem}@media (max-width:480px){.login-card{border:none;border-radius:0;padding:2rem 1.5rem}}}@layer utilities;@keyframes login-spin{to{transform:rotate(360deg)}}