/* bare.css — pages without a header (area "bare"): the owner's sign-in (/login). Built on site.css (.auth, .auth-card). */
.area-bare { background: var(--bg-subtle); }
.login { position: relative; isolation: isolate; align-content: center; gap: var(--s-4); }
.login::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(to right, rgba(15, 23, 42, .05) 1px, transparent 1px), linear-gradient(to bottom, rgba(15, 23, 42, .05) 1px, transparent 1px);
  background-size: 56px 56px; background-position: center top;
  -webkit-mask-image: radial-gradient(ellipse 60% 55% at 50% 30%, #000 20%, transparent 75%); mask-image: radial-gradient(ellipse 60% 55% at 50% 30%, #000 20%, transparent 75%); }
.login .auth-card { padding: 28px 22px; box-shadow: var(--shadow-3); }
.login .brand { margin-bottom: var(--s-6); }
.login-tile { width: 48px; height: 48px; border-radius: 14px; margin-bottom: var(--s-4); }
.login-tile .icon { width: 22px; height: 22px; }
.login h1 { font-size: clamp(1.75rem, 1.5rem + 1vw, 2.125rem); }
.login .sub { margin: 6px 0 var(--s-5); }
.login-form .btn { margin-top: 4px; }
.back-home { display: inline-flex; align-items: center; justify-self: center; gap: 6px; min-height: 40px; padding: 0 12px; border-radius: var(--r-full);
  color: var(--ink-2); font-size: var(--fs-sm); font-weight: 600; text-decoration: none; }
.back-home:hover { background: #fff; color: var(--accent-ink); }
@media (min-width: 600px) { .login .auth-card { padding: 40px 36px; } }