.login{min-height:100vh;padding:var(--space-2xl);background:var(--color-surface-sunken);place-items:center;display:grid}.login__card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);width:100%;max-width:720px;box-shadow:var(--shadow-md);overflow:hidden}.login__brand{padding:var(--space-4xl);background:var(--color-surface-inset);color:var(--color-fg);justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:600;display:flex}.login__body{gap:var(--space-2xl);padding:var(--space-4xl);grid-template-columns:1fr auto 1fr;display:grid}.login__col{gap:var(--space-lg);flex-direction:column;display:flex}.login__heading{font-size:var(--font-size-400);font-weight:var(--font-weight-regular);color:var(--color-fg)}.login__google{justify-content:center;align-items:center;gap:var(--space-md);border-radius:var(--radius-sm);background:var(--color-brand);height:42px;color:var(--color-on-brand);font-size:var(--font-size-300);font-weight:var(--font-weight-medium);cursor:pointer;border:none;display:inline-flex}.login__google:hover{filter:brightness(.96)}.login__google-g{color:#4285f4;background:#fff;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;font-family:Georgia,serif;font-weight:700;display:inline-flex}.login__hint{font-size:var(--font-size-200);color:var(--color-fg-subtle)}.login__mock-note{margin:var(--space-lg) var(--space-xl) 0;padding-top:var(--space-lg);border-top:1px solid var(--color-border-subtle);font-size:var(--font-size-200);color:var(--color-fg-subtle);text-align:center;line-height:1.5}.login__divider{color:var(--color-fg-subtle);font-size:var(--font-size-300);justify-content:center;align-items:center;display:flex}.login__divider:before,.login__divider:after{content:"";flex:0}.login__divider span{writing-mode:vertical-rl;padding:var(--space-md) 0}.login__form{gap:var(--space-xs);flex-direction:column;display:flex}.login__label{font-size:var(--font-size-300);color:var(--color-fg);margin-top:var(--space-sm)}.login__submit{margin-top:var(--space-xl);width:100%}@media (max-width:640px){.login__body{grid-template-columns:1fr}.login__divider span{writing-mode:horizontal-tb}}