.auth{min-height:100vh;display:grid;place-items:center;padding:48px 24px;background:linear-gradient(180deg,var(--surface-page),var(--surface-card))}.auth__card{width:100%;max-width:420px;background:var(--surface-card);border-radius:var(--radius-xl);box-shadow:var(--ring-card),var(--shadow-lg);padding:40px 36px;text-align:center;animation:appelo-rise .4s var(--ease-out)}.auth__mark{margin-bottom:22px}.auth__card h1{font-size:28px;letter-spacing:-.02em;color:var(--text-strong)}.auth__sub{font-size:14.5px;line-height:1.55;color:var(--text-muted);margin:12px auto 0;max-width:36ch}.auth__error{margin-top:18px;padding:10px 13px;font-size:13px;color:var(--red-700);background:var(--red-50);box-shadow:inset 0 0 0 1px var(--red-100)}.auth__error,.auth__google{border-radius:var(--radius-md)}.auth__google{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:26px;height:50px;background:var(--surface-card);box-shadow:inset 0 0 0 1px var(--border-strong);font-family:var(--font-sans);font-size:15.5px;font-weight:600;color:var(--text-strong);cursor:pointer;transition:var(--transition-color),box-shadow var(--dur-fast) var(--ease-standard)}.auth__google:hover{background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--ink-300)}.auth__g{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--ink-900);color:#fff;font-family:var(--font-display);font-weight:600;font-size:15px}.auth__legal{font-size:12px;line-height:1.5;color:var(--text-subtle);margin-top:18px}.auth__back{display:inline-block;margin-top:22px;font-size:13.5px;font-weight:600;color:var(--text-muted)}.auth__back:hover{color:var(--text-strong)}.app-side__signout{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);color:var(--ink-400);flex:none;transition:var(--transition-color)}.app-side__signout:hover{background:var(--ink-800);color:#fff}