.db-auth{min-height:100vh;padding:var(--space-16) var(--space-16) var(--space-96);flex-direction:column;align-items:center;display:flex;position:relative}.db-auth__body{width:100%;padding-top:var(--space-64);flex:1;justify-content:center;align-items:center;display:flex}.db-pubnav{z-index:2;width:100%;max-width:38rem;height:3.25rem;padding:0 var(--space-6) 0 var(--space-16);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);justify-content:space-between;align-items:center;display:flex;position:relative}.db-pubnav__logo{color:var(--foreground)}.db-pubnav__logo .db-logo{height:1.25rem}.db-pubnav__actions{align-items:center;gap:var(--space-4);display:flex}.db-pubnav__link,.db-pubnav__join{height:2.5rem;padding:0 var(--space-16);border-radius:var(--radius);transition:background-color var(--duration-quick) var(--ease-expo-out), opacity var(--duration-quick) var(--ease-expo-out);align-items:center;font-weight:500;display:inline-flex}.db-pubnav__link{background:var(--surface-2);color:var(--foreground)}.db-pubnav__link:hover{background:var(--surface-3)}.db-pubnav__join{background:var(--brand);color:var(--brand-foreground)}.db-pubnav__join:hover{opacity:.85}.db-auth__head{align-items:center;gap:var(--space-16);text-align:center;flex-direction:column;display:flex}.db-auth__title{color:var(--foreground);text-wrap:balance;margin:0}.db-auth__lead{max-width:28rem;color:var(--foreground-muted);margin:0}.db-auth__lead strong{color:var(--foreground);font-weight:500}.db-auth__stack{align-items:center;gap:var(--space-32);flex-direction:column;width:100%;max-width:27.5rem;display:flex}.db-auth__card{gap:var(--space-8);width:100%;padding:var(--space-32);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-menu);flex-direction:column;display:flex}.db-auth__button{width:100%}.db-auth__google{width:1rem;height:1rem}.db-auth__or{align-items:center;gap:var(--space-12);margin:var(--space-8) 0;color:var(--foreground-muted);display:flex}.db-auth__or:before,.db-auth__or:after{content:"";background:var(--border);flex:1;height:1px}.db-auth__label{margin-top:var(--space-4);color:var(--foreground-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.db-auth__input{height:2.75rem;margin-bottom:var(--space-8);padding:0 var(--space-12);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--card);color:var(--foreground);transition:border-color var(--duration-quick) var(--ease-expo-out)}.db-auth__input::placeholder{color:var(--foreground-muted)}.db-auth__input:focus-visible{border-color:var(--foreground-muted);outline:none}.db-auth__check{align-items:flex-start;gap:var(--space-10);margin-top:var(--space-8);color:var(--foreground-muted);cursor:pointer;display:flex}.db-auth__check input{appearance:none;width:1rem;height:1rem;margin:var(--space-2) 0 0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-expo-out), border-color var(--duration-quick) var(--ease-expo-out);flex-shrink:0;place-content:center;display:grid}.db-auth__check input:after{content:"";border:solid var(--brand-foreground);width:.5rem;height:.3rem;transition:transform var(--duration-quick) var(--ease-back-out);border-width:0 0 2px 2px;transform:translateY(-.05rem)rotate(-45deg)scale(0)}.db-auth__check input:checked{border-color:var(--brand);background:var(--brand)}.db-auth__check input:checked:after{transform:translateY(-.05rem)rotate(-45deg)scale(1)}.db-auth__check input:focus-visible{outline:1px solid var(--foreground-muted);outline-offset:2px}.db-auth__error{margin:0}.db-auth__switch{color:var(--foreground-muted);margin:0}.db-auth__switch a{color:var(--foreground);text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);transition:text-decoration-color var(--duration-quick)}.db-auth__switch a:hover{text-decoration-color:currentColor}.db-auth__hero{align-items:center;gap:var(--space-32);flex-direction:column;max-width:50rem;display:flex}.db-auth__hero-actions{gap:var(--space-8);display:flex}@media (max-width:991px){.db-auth__title{letter-spacing:-.03em;font-size:2.625rem}}
